How Does the Live Pricing Buy Button work?

A plug-in integration that's compatible with any WordPress, Shopify , Wix, or Squarespace website - the Live Pricing Buy Button attaches to your already created website, appearing clipped to the right-hand side of your website as a button that can be clicked anytime. By clicking on "Buy & Book Now", a pop-out window appears with all your booking pages and services which they can choose from, to book with you right away!

Here are instructions on how to retrieve your Live Pricing Buy Button embed code from inside your MioCommerce account. You will need this code to install the Live Pricing Buy Button in your Shopify website.

Watch a video:

Or, follow these step by step instructions:

Step 1) Log into your MioCommerce account, and click on App Market. Select the Live Pricing Buy Button, and if you haven't already, purchase the subscription.

Step 2) Next, click on the Open settings button on the left, to open the Live Pricing Buy Button Settings.

Step 3) In the Live Pricing Buy Button Settings, scroll down to retrieve the embed code. You will see the embed codes for this feature below. Chose the code for the language that applies to you. Copy this code into a note on your desktop or keep it handy.

Watch a short video tutorial on installing the Live Pricing Buy Button embed code into your Shopify website:

Or, follow these step-by-step instructions:

Step 1) Login into your Shopify account.

Shopify Login: LINK

Step 2) In the lefthand side menu, Click on "Online store"

Step 3) Select "Themes"

Step 4) Once you are within "Themes" select "Customize" on the right hand side of your page.

Step 5) Next, in the page that opens, look to the very top left hand side of your screen, and click on the three dots, then select "Edit Code" from the drop down menu that appears.

Step 6) If you wish to apply the Live Pricing Buy Button on every page of your website:

In the "Layout" menu on the left, select "theme.liquid"

OR, if you'd rather choose a specific page or pages to apply the Live Pricing Buy Button to, select any page listed below in Templates, ending in .liquid. Open this page instead.

Step 7) Once you have selected the page to apply the Live Pricing Buy Button, paste the embed code at the bottom/end of the already existing code, in the empty space after the code.

See this image below as a reference:

Step 8) Be sure to click "Save" in the top right corner to complete this process.

Congratulations, the Live Pricing Buy Button is now installed in your Shopify website!

If you have any questions or need any assistance in installing your Live Pricing Buy Button in your website, contact Support by clicking on the blue chat icon in the bottom right hand side of your screen.