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.

    • Related Articles

    • Create a Better Sharing template, email template, and customize the UI

      1. To insert your UI template on any page – add our Gutenberg block or shortcode If you’re using an AddOn other than the IgnitionDeck AddOn, you don’t need a UI template. For the IgnitionDeck AddOn UI template, see UI Template for IgnitionDeck 2. ...

    • Create a Better Sharing email template

      Here you can create and save a variety of templates for all your outgoing email needs. The plugin includes an easy accessible list of variables for personalising outgoing emails. These can be used to include custom messages, sender’s name, and ...

    • Troubleshooting Better Sharing

      Sharing Modal will not open (or close) This is most likely a Javascript issue either due to Javascript not being enabled in the browser or a conflict with another element on the page. Try a different browser, or temporarily switch themes / disable ...

    • Adding Better Sharing to webpage

      Once installed – You will need to add your Better Sharing UI to a webpage of your choice. This can be achieved in one of two ways: Add Better Sharing from the WordPress Gutenberg Editor. Navigate to WP-admin » Pages (or Posts), Select the page to add ...

    • Customizing the Better Sharing Email Template for IgnitionDeck

      Better Sharing automatically creates a sharing block and email template that can be further customized. The email template, located in Better Sharing » Email Templates, can be edited to accomodate custom messaging and has a set variables that are ...