You can easily integrate MeetFox into any Shopify store


First Step:

  • Go to "My services" page

  • Pick the service you would like to embed, click on the settings icon and then select the option "Embed":

Add MeetFox to Shopify

Second step:

  • Pick which type of integration you need:

Option 1 - Static button with pop-up

Once clicked, a booking pop-up will be shown on your website.
View booking button example

In order to integrate a static button with a pop-up, you need to follow these steps:

  • Choose if you want to skip the service description and directly show calendar

  • Choose if you want to hide your name and profile image on booking page

  • Customize the text and color of your booking button

Add MeetFox to Shopify - booking button

Option 2 - Inline embedded iframe

Directly embed your booking page on your website using an HTML code.
View embedded iframe example

In order to integrate an inline embedded iframe, you need to follow these steps:

  • Choose if you want to skip the service description and directly show calendar

  • Choose if you want to hide your name and profile image on booking page

Multiple ways to add MeetFox to Shopify

Option 3 - Floating widget with pop-up

Floating widget on your website. Once clicked, booking pop-up will be shown.

View floating widget example

In order to integrate a floating widget, you need to follow these steps:

  • Choose if you want to skip service description and directly show calendar

  • Choose if you want to hide your name and profile image on booking page

  • Customize the text and color of your booking button

Add MeetFox floating widget to Shopify

Third step:

  • Depending on the used Shopify theme, the code will need to be added inside the theme.liquid layout in the layout folder or inside theme.scss.liquid layout in the assets folder

  • Embed the code at the preferred location in your theme

Add MeetFox to Shopify with HTML

P.S. You can customize the embedding code in any way you like.


Did this answer your question?