You are here: Docs Clearspring Website Tools Customizing the Launchpad Sharing Menu Customizing the On-Page Menu

Customizing the On-Page Menu

The Widget Console allows you to customize the Launchpad On-Page sharing menu.  To customize the menu for an on-page widget, locate the widget in your My Widgets listing and click "Edit".  From the Edit Widget section click the "Menu" button on the left.  

The left side of the customization section provides you all the available options for customizing the menu.  Theses will be discussed below.  On the right side a preview of your content and the menu will be displayed as you had created the menu.  if you did not provide any content when you created the menu you will only see the menu.

Now lets get customizing

Display Options

Allows you to select how you want the menu to be displayed on your page.  Here you have four options:

  • Menu Mode: display the full menu on the screen
  • Standard Button: use the default Clearspring Share button.  When a user clicks the button the menu will be displayed
  • Custom Button: enter the URL to an image file that will be used as the button to open the menu when clicked
  • On-Page API: directs you to the API documentation so that you can add a custom button at a later time using our API

Color Theme

Select the color options for the menu when it is displayed.  We provide you four pre-defined themes, with the ability to tweak the color, or to fully customize the menu colors yourself.  If you select Custom as your choice, the color values of the last theme select will be pre-populated. 

To change any of the menu colors simply click entry box and enter the HEX color value.  Also, when you click the entry box a color picker will be displayed.  This makes it easier to select the color you want.

Menu Size

The size of the menu that will be displayed is fully customizable.  We provide three pre-defined values:

  • Default: standard menu size - W:420 x H:240
  • Wide: wide menu size - W:720 x H: 185
  • Narrow: tall menu size - W:180 x H:370

Besides the set of three above, you can adjust the menu to fit your requirements.  To help with sizing the menu a sample preview page, below the selections, is available so you can better gauge the size of the menu on an actual Web page.

The menu will continue to display to a size of W:165 x H: 155.  When you scale below that size the menu is no longer available, however a single button, with "get & share this widget", will be available.  When a user clicks that button they are directed to the the widget home page so a user can grab your widget an post it to their favorite destination.  In addition to a minimum size, there is a maximum size the menu can be, which is W:999 x H: 800.

Services

The services sections allows you to choose which services you want on your menu.  All services that are available from Clearspring are displayed in the list. 

Use the Filter option to show groups of services; Post is all social networks and personal sites, Bookmarks are the list of all bookmarking sites, Desktop is all support desktop widget platforms,and Embed if you want someone to grab the embed code.  To add or remove any of these simply select the check box.  NOTE: some features require addtional configuration, such as Subscribe and Mobile

Menu Options

The Launchpad Menu has several optional capabilities which can be selected.  The current list of options are:

  • Services on the Popular Tab: display the list of services in the Popular tab as icons or a list
  • Show the Embed Code: display the embed code on the front of the menu.  You can also select the number of lines of embed code to display
  • Show Info Tab: display the option for users to view information about your widget

What do you want to share

Launchpad On-Page allows you to define which content on your Web page you want your user to grab and share.  The console allows you easily copy and paste the content you which to share.  This content can be HTML for any text, images, object (Flash, Movies), etc.

You do not need to add your content in the console, you can always update the API code with a reference to you content.

Check out the Quick Start guide if you're looking for some step-by-step help using the tool, or the detailed API docs for more info on what you can do with Launchpad On-Page.