Customize the Share Widget

Prev Next

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

Who can use this feature?

System Administrator | Owner

Important Note:

This module may incur an additional cost. Please contact your Customer Success Manager for more information.

Instructions

  1. Navigate to Modules and on the Site Tools tab, select Design Center:The expanded Modules drop-down menu, with the Design Center option of the Site Tools tab highlighted.

  2. Select Widget Manager:The Design Center module screen with the Widget Manager option highlighted.

  3. Select the Share Widget from the Widget Types menu:The Widget Manager screen with the Share widget type highlighted.

  4. Click the blue plus sign (+) to create an option set:The Widget Manager screen with the Add New Option Set button of the Share Widget Type highlighted.

  5. Create a Name:The Name field of the New Option Set dialog window.

    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:The New Option Set dialog box with the Create Option Set button highlighted.

  7. In the Share Widget pop-up, navigate through the tabs for customization:The Share Widget option set dialog box in the Widget Manager.

    • Header:The Share Widget dialog box with the Header tab highlighted.

      • 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:The Share Widget option set dialog box with the Fly Out tab highlighted.

      • Fly Out: Decide if you want the header to act as a button that shows or hides the sharing list

      • Button Behavior: Choose to open the 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:The Share Widget option set dialog box with the List tab highlighted.

      • 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 concerning spacing and position on the page

  8. Click Save:The Share Widget option set dialog box with the Save button highlighted.