How do I create a Better Sharing UI template?

How do I create a Better Sharing UI template?

Start with selecting the ‘Add UI Template’ option from the top of the page.

Here you will 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.

A. 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.

—

B. 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.

—

C. Referral Link: 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.
  3. [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.

—

D. 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 – you can find the setting under the ‘Contact Picker’ section of Better Sharing Plugin Settings in the WP Sidebar menu.]

Once you’re done – give a name to your UI Template and click ‘Publish’ on the right side to save your template for deployment.


You got questions? We have answers at support@cloudsponge.com.

    • Related Articles

    • How do I 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, then you don’t need a UI template. 2. Create a UI Template to customize the look of your sharing interface. 3. Customize the way your referral ...

    • How do I create a Better Sharing email template?

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

    • How do I add Better Sharing to webpage?

      If you are using Better Sharing as an AddOn for AutomateWoo – see here instead. 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: 1. Add Better Sharing from the ...

    • How do I install Better Sharing?

      There are two ways to install the Better Sharing plugin on your WordPress website. 1. Search and Install from the WordPress Plugin Menu. Go to: WP Dashboard > Plugins> select ‘Add New’ from the top of the page. Search the list using the keywords ...

    • What is Better Sharing?

      Better Sharing is a word-of-mouth sharing plugin for WordPress built by the CloudSponge team. Better Sharing is free and fully customizable. Adding the CloudSponge Contact Picker improves the performance of your referral program. If you have any ...