Design Center Pro


 





Customize the Share Widget

Who can use this feature?

System_Admin.png Slash.png Owner.png


Overview

This article will show you how to customize your Share Widget in Design Center.

Important Note

  • This module may incur an addition cost, please contact your Account Manager for more information.

Instructions

  1. Navigate to Modules > Site Tools > Design Center
    design_center.png
  2. Select Widget Manager
    widget_manager.png
  3. Select the Share Widget on the left-hand side
    share.png
  4. Click the blue plus sign (+) to create an option set
    share_.png
  5. Create a Name
    new_option_set_name.png
    • Note: We typically recommend that you name the option set something related to where you want to place this widget.
  6. Click Create Option Set
    create_option_set.png
  7. In the Share Widget pop-up, navigate through the tabs for customization
    share_widget_tabs.png
    • Header
      header.png
      • Text: Designate header name
      • Image: Click Choose Image to display an image in the header
      • Hover Image: Click Choose Image to display an image when a user hovers over the header with their cursor
    • Fly Out:
      Fly_Out.png
      • Use the header as a button to show and hide the sharing list: Decide if you want the header to act as a button that shows or hides the sharing list
      • Button Behavior: Choose to open list after a user clicks the button or after a user hovers over the button
      • Position: Choose where to add the list of sharing services
    • List:
      list.png
      • Services: Choose which social media services to display in your share list
      • Columns: Choose how many columns to display
      • Column Alignment: Choose how the columns display, with reference to spacing and position on the page
    • Misc.:
      misc.png
      • Add custom CSS styles in this tab
  8. Click Save
    save.png



I'd Like to Request an Enhancement

0 out of 0 found this helpful

Updated:
Follow

Article Feedback