All Collections
Live Pricing Buy Button
Live Pricing Buy Button WordPress Website Installation
Live Pricing Buy Button WordPress Website Installation

Installing the Live Pricing Buy Button in your Wordpress website

Eric Plamondon avatar
Written by Eric Plamondon
Updated over a week ago

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 Wordpress 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.

Next, move forward and embed the Live Pricing Buy Button code into your Wordpress website.

First, decide whether you would prefer:

  • The Live Pricing Buy Button to appear on ALL your webpage pages (see Scenario 1 below) OR,

  • The Live Pricing Buy Button to appear only on select website pages which you choose (see Scenario 2 below)

Scenario 1: Install the Live Pricing Buy Button on all of your website pages at once

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

Or, follow these step-by-step instructions:

Step 1) Sign into your WordPress account.

Step 2) In your Wordpress left hand side menu, select Plugins and Add New

Step 3) In the search bar at the top, type in "Insert headers and footers"

Step 4) Make sure to click "Activate" within the plugin once installed, and refresh your browser to make sure the plugin has been added to your Wordpress account.

Step 5) In your Wordpress left hand side menu, go into Settings > Insert Headers and Footers

Step 6) Place the embed code into the Footer section, and click Save.

The Live Pricing Buy Button has now been added to all of your website pages!

Scenario 2: Install the Live Pricing Buy Button on specific booking pages. (Choose this option if you don't want some of your booking pages to be displayed in the feature.)

Watch a short video tutorial on installing the Live Pricing Buy Button embed code onto select website pages:

Or, follow these step-by-step instructions:

Step 1) Sign into your WordPress Admin account.

Step 2) Navigate to Pages in your left hand side menu:

Step 3) Select the page you would like to add the Live Pricing Buy Button to:

Step 4) At the top of your screen, you should see a block to add HTML inside. If you do not, you can easily add a block by clicking the plus button on the right hand side of your screen.

Search "html" and then select "Custom HTML" to add the block.

Step 5) Copy the embed code from your MioCommerce account and paste in into your HTML block, and click Update.

Step 6) Repeat this process for all of the booking pages you want to link to the Live Pricing Buy Button.

Congratulations, the Live Pricing Buy Button is now installed in your Wordpress 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.

Did this answer your question?