Share Image

Promoting sharing of personalised cards such as team lineup or voting preferences

The Share Image converter generates a rich media image that users can easily share on social media platforms. This converter facilitates the promotion and viral spread of content by empowering users to share visually appealing images associated with their own interactions.

How do Share Images work?

Devices with share tray functionality, such as mobile devices and Apple products in the Safari browser, open a share tray for fans to directly share on social media and messaging services like Facebook, X, and WhatsApp.

For devices that do not support this feature, such as Windows desktops and browsers like Chrome or Edge, fans can copy the share URL to their clipboard. They can then paste the URL into their chosen social media and messaging service.

How do I set up a Share Images for an Element?

First the Share Image per Element should be selected to display on the Result Screen, go to App Settings > Settings > Result Screen:

circle-info

When sharing is enabled the Share Image replaces the State Box.

Settings

Go to App Settings > Settings > Result Sharing to find the following configuration settings:

Share Url

This is the URL where, upon sharing an image, a fan who clicks on the shared image will be directed.

Background image

Upload or choose from library a background image for the all Share Images

Global Sharing Image

The foreground image displayed above the background image for poll type elements in any state, as well as Trivia and Predictor Elements in default and revealed states.

Global Sharing Image (correct)

The foreground image displayed above the background image for Trivia and Predictor Elements in correct state.

Global Sharing Image (incorrect)

The foreground image displayed above the background image for Trivia and Predictor Elements in incorrect state.

Brand logo

An image displayed at the bottom left hand side of the share image

Footer text

Text to be displayed at the bottom of the image

These settings are for all Elements (Global settings) so they are not needed to be completed multiple times. However should you need a specific configuration per Element those can be overwritten. Simply go to App Settings > Settings > Result Sharing (Element Override)

Styling

The styles for the Share Image are derived from the Element in which they appear. For instance, a Poll Element would include attributes such as option button text colour, background colour, and option button border radius.

Text

For Elements that have sharing selected, the text labels for the sharing button can be found in: App Settings > Text > Result Sharing

Share Label

The default text is displayed in the share button on devices that support share tray sharing, such as mobile devices and the Safari browser.

Clipboard Label

The default text displayed in the share button on devices that don’t support share tray sharing, such as mobile devices and the Safari browser.

Copied to clipboard Label

In the above scenario, when a fan has clicked on the share button to copy to clipboard, this text will be displayed.

Text within the share image, and surrounding the image when posted to a site or messaging service can be found in: App Settings > Text > [Element Type]

Share Image Title

Text to display in the shared image and also serve as a meta title when the shared image is posted on an external site.

Share Image Subtitle

Text to display in the share image, below the share title.

Share Image Subtitle Correct

Text to display in the share image, below the share title, in the scenario that the user has selected the correct answer.

Share Image Subtitle Incorrect

Text to display in the share image, below the share title, in the scenario that the user has selected the incorrect answer.

Share Image Description

Text to display as meta text when the share image is posted to an external site.

Can I customise the layout of the Share Image?

Each Share Image is created using a template, a layout for how the chosen options will display in the image. Each Element has a preset Share Image template but if you'd like to customise this template please contact us.

Which Elements support a Share Image?

You can find out if an Element supports the Share Image by checking the Converter section on the Elements detail page.

Last updated