Like Button

http://www.muse-themes.com/products/like-button

Our Like Button widget integrates like and dislike counter buttons from Likebtn.com. This widget allows you to track likes and encourage visitor engagement throughout your site.

This little widget packs a lot of punch. In addition to extensive styling options for the buttons and tooltips, all statistics and insights are tracked and stored in your Likebtn.com account.

  • Widget Compatibility: Highly Compatible (No known issues when combining with other MuseThemes widgets)
  • Current Version: 1.0
  • Supported Devices: Desktop, Tablet, Phone

Release Log

  • 1.0: Initial release


 



Setup at Likebtn.com

Note: Likebtn.com is not affiliated with MuseThemes, and is used as a third-party service integration for our Like Button widget. The instructions provided below are subject to change, or appear different, if any changes are made on Likebtn.com website.

  • Go to Likebtn.com.
  • Click "Log In" in the top menu.
  • If you have an account, log in now. If you don't yet have an account, click the "Regsiter" link.
  • If you are registering for the first time, the site will ask you to add a domain.

  • Eventually, you will want to add your published domain name. For now, it is a good idea to enter your Local domain. For instructions on acquiring your local domain, see "Acquiring Your Local Domain" below.
  • Enter your local domain address.
  • Make sure that the "Local" box is checked.
  • Click the "Add Website" button. You will receive a green success message, or a red message if there is an error.
  • Keep in mind that when you submit the website, Likebtn.com checks the domain for the widget code before adding the website. This means that regardless of whether you've entered a local domain or a standard domain, you will need to preview or publish your site in Muse first. For a local domain, select File > Preview in Browser in Muse. For a standard published domain, select File > Publish to Business Catalyst or Upload to FTP.
  • When your local domain is successfully added, you will see it listed on the "Websites" page in your account area.


Acquiring Your Local Domain

  • Drag the widget from the library and drop into your project in Design mode.
  • File > Preview in Browser
  • Copy the first portion of the address in the browser.

  • This is your local domain. You may use this when setting up a local domain at Likebtn.com, as described above.


Acquiring Your Standard Domain

  • Copy the first portion of the address in the browser.

  • This is your standard domain. You may use add this to your likebtn.com account at any time.


Setup in Muse

  • The widget container controls the positioning of the widget. Place the widget where you would like the Like Button to appear. Remember to pin the widget if needed.
  • Open the widget option panel.
  • The first thing you will need to do is to acquire the Site ID from Likebtn.com.
  • Go to Likebtn.com, and navigate to the "Websites" page.
  • Find the appropriate domain, and copy the Site ID. The small button on the right side of the ID will copy the key to your clipboard.

Note: You may have several domains entered at Likebtn.com on your "Websites" page (Local, standard, etc). The Site ID you copy will need to match your intended purpose. For example, if you are in the process of building your site, and will be previewing in browser as you build, copy the Site ID for the Local domain. If your site is published to a standard domain, select the Site ID for the standard domain. Keep in mind, if your site is live, you may not see styling updates to the Like Button until you've published your site again.

  • Paste the Site ID into the Site ID field in the widget options panel.
  • Button Tracking Name: This is used by Likebtn.com to track individual button statistics. If you are planning to only use one button on your site, you may ignore this parameter. If you plan to use mutliple buttons on your site, assign a unique name to each button widget. The name is created by you; no need to acquire the name elsewhere.

Many of the remaining parameters in the widget options panel are self-explanatory and identical to our other widgets. We will focus on only the key options unique to this widget...

General Settings section

  • Padding Between Buttons: This setting provides padding between the Like and Dislike buttons, assuming both are enabled.
  • Font Family: Enter the CSS style name of the font you wish to use. See our Font Finder Tool for help in finding the appropriate CSS style name for your widget. And as always, make sure that the font is used elsewhere on the page, so that the widget is able to load the font correctly.
  • "Label" Settings: The Label is the text displayed next to the like or dislike icons.

Like and Dislike Button Settings sections:

  • Icon Style: The like icon and dislike icon have different sets of options available.
  • Note that the Dislike Button offers a label for liking, but does not offer a label for "after disliking"

Tooltip Section:

  • Tool Tips Style: This option provides a dark or light theme for the tool tip text and background.


By enabling or disabling the Like and Dislike Icons, Labels, and Tool Tips, a wide variety of display options are available; from an all-out display of Like and Dislike Button with Labels and Tool Tips, down to just a simple Like Icon.


To view statistics and insights at Likebtn.com, open the "Reports" dropdown in the domain areas of the "Websites" page.


Commonly Asked Questions

No commonly asked questions


Known Issues/Conflicts

No known issues or conflicts


Additional Info Links