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 CenterThe expanded Modules drop-down menu, with the Design Center option of the Site Tools tab highlighted.

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

  3. Select the Share Widget on the left-hand side 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 OutThe 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.