Create a Better Sharing UI template

Create a Better Sharing UI template

Selecting the "Add UI Template" option from the top of the page.

Set your preferences for the look, feel, and behavior of the user interface.

There are 4 tabs in UI Template creation – Main, Social Networks, Referral Link, and Email.

Main

The main tab acts as the final preview of your UI before its deployed. You have 3 preferential settings to choose from this tab:
  1. Style 
    Start with choosing 1 of the 2 available styles (“Compact” or “Inline”) under the Main tab to determine the overall look of your sharing interface. The UI is set to display the “Inline” style as default.
  2. URL to share
    Select a destination page for your referral link – which can either be the page the plugin is embedded on or any page of your choice.
  3. Preview
    Provides a live view of your current sharing UI.
    You can choose the order of your sharing channels* using the ‘Move Up’ and Move Down’ buttons on the right end of the UI preview. You can also click ‘Customize’* to jump into the dedicated menu tabs of each sharing channel for additional settings.

*Note: Actionable buttons to change the order of the sharing channels (“Move Up/Move Down”) or to jump (“Customize”) to additional settings are only available for the “Inline” style UI.

Social Networks

There are 4 preferences to set here:

  1. Toggle
    Enable/Disable the option to share via social media.
  2. Title/Subtitle* 
    Change the text for the Header and Sub-Header with a message of your choice. Motivate users to share or use the space to add some brand personality to your interface.
  3. Placeholder Text
    Change the text for the placeholder. Give users a headstart to create their own messages.
  4. Message
    Preload a sharing message for the platforms that allow it.

*Note: Options to change the Title/Subtitle on the page is only available for the “Inline” style UI.

There are 2 preferences to set here:

  1. Toggle
    Enable/Disable the option to quickly copy and share a referral link.
  2. Title/Subtitle* 
    Change the text for the Header and Sub-Header with a message of your choice. Motivate users to share or use the space to define your reward proposition.
If you wish to change the destination page of the referral link – you can find the setting under the "Main" tab

*Note: Options to change the Title/Subtitle on the page is only available for the “Inline” style UI.

Email 

There are 5 preferences to set here:

  1. Toggle
    Enable/Disable the option to share via email.
  2. Title/Subtitle
    Change the text for the Header and Sub-Header with a message of your choice. Motivate users to share or use the space to define your reward proposition.
  3. Button Text
    Change the text for the CTA button.
  4. Placeholder Email Text
    Change the text for the placeholder. Give users a headstart to create their own messages.
  5. Email Template
    Choose any 1 of your predefined email templates to use for this specific UI template.

—

To enable the "Add from Address Book" button. This setting is located under the "Contact Picker" section of Better Sharing Plugin Settings in the WP Sidebar menu.

Once the personalization of the template has been completed, name the UI Template and click "Publish" on the right side to save the template for deployment.


Have any questions? We have answers at support@cloudsponge.com.