How to set up a button on a screen? – Fastory

Buttons turn a screen into an action point for your audience: sharing your experience, driving traffic to your social networks, or opening the Bot. This article walks through the different types of buttons available in the Fastory Studio and how to set them up.

Before you start, we recommend reading the article explaining how to add a component to your screen.

What is it for?

A button lets you add a call to action directly on your screen. Depending on the type you choose, it helps you:

invite participants to share your experience by email or on social media

redirect your audience to your website, your Landing Pages, or your social networks

offer a custom call to action in your brand colors

open the Bot manually

Access the buttons

From the screen you want to enhance, open the components section.

Select the button type that matches your goal: Share, Button, or Bot Button.

In the menu bar on the left, adjust the button's settings, text, and style.

The different types of buttons

The share button

With this feature, your audience can share your experience by email, on Facebook, X, LinkedIn, and/or WhatsApp.

To set it up:

in the components section, select Share

in the menu bar on the left, adjust this button's settings, text, and style

The social media button

In the components section, select Button. This button lets you boost traffic to your website, your Landing Pages, and your social networks.

Enter the URL to your website or social networks in the dedicated field, and check the External URL box.

Then choose a predefined style in the menu bar on the left.

For a selfie contest, these buttons appear in the gallery, at the bottom right of the photos.

The classic button

In the components section, select Button. You can link this button to any external website by entering its URL.

To customize its design and match it to your brand colors:

open the Style section

check Custom

You can then edit the button's colors, borders, shadows, and margins.

The Bot button

In the components section, select Bot Button. This button lets the user open the Bot manually. Then select the Bot you want to link to the button.

Pin a button to the bottom of the screen

To keep users from having to scroll before seeing the button, you can pin it to the bottom of the screen. For each button type, go to its settings and check the fixed position when scrolling option.

For more details, see the article How to pin a button?.

Best practices

Write a clear, compelling button label.

Pin your main button to the bottom of the screen so it always stays visible.

Customize your buttons' style with your brand colors using the Custom option.

Check that the external URLs you enter are correct and working.

Reserve the share button for screens where you want to maximize the reach of your experience.

Concrete use cases

If you want to amplify the reach of your experience

Add a share button: your audience will be able to spread your experience by email, on Facebook, X, LinkedIn, or WhatsApp.

If you want to drive traffic to your website or social networks

Use a social media button by checking External URL and entering the link to your website, your Landing Pages, or your social networks.

If you want a call to action in your brand colors

Go for a classic button, open the Style section, check Custom, then adjust the colors, borders, shadows, and margins.

If you want to let your participants open the Bot

Add a Bot button and select the Bot to link: users will be able to open it manually.

FAQ

On which channels can my audience share a Fastory experience?

The share button lets your audience spread your experience by email, as well as on Facebook, X, LinkedIn, and WhatsApp.

What is the difference between the social media button and the classic button in Fastory?

Both are added through the Button component. The social media button is designed to boost traffic to your website, your Landing Pages, or your social networks, while the classic button can point to any external website and offers full customization of its design.

How to match a button to my brand colors in Fastory?

Open the button's Style section, check Custom, then edit the colors, borders, shadows, and margins.

Can I keep a button visible without the user having to scroll in a Fastory experience?

Yes. In the settings of each button type, check the fixed position when scrolling option to pin the button to the bottom of the screen.

What is the Bot button for in a Fastory experience?

It lets the user open the Bot manually. Once the button is added, you select the Bot you want to link to it.

Where do social media buttons appear in a Fastory selfie contest?

They appear in the gallery, at the bottom right of the photos.