Plugins / Widgets FAQ's

How the Momence plugin/widget works

This article describes how to embed the Momence plugin/widget to your website.

The Momence plugin allows you to:

The video below shows you how to customize the class plugin, then how to add it to your site, using the most common website builders as examples.

UPDATE: You'll now find this page under Studio Set Up

For a specific Squarespace video click here:

https://www.youtube.com/watch?v=sTqXyAmkD1o

If you recently cancelled a class it will continue to display to customers as cancelled. You can remove it from your site by deleting it from Momence's schedule page.

To do this, Click Classes > Schedule > Filters

click show Cancelled > Apply Filter

Locate the cancelled class > click the drop down menu to the right > click Delete this class.

The bookable appointment schedule you create in Momence can be displayed right from your website using a plugin.

To install an appointments plugin on your website,

click Studio Setup > Add to Website

click Appointments > copy the code and paste it to a page on your website builder. Insert the code as an element.

For a tutorial on how to add an element on your respective site builder, skip to the 1:30 minute mark of this video on how to install our Class Plugin.

This article describes how to add Momence plugins as an iFrame to your site.

With the help of iFrames, you can embed the Momence plugins and purchase pages in your website making them look like an integral part of your website while they exist independently. This is helpful in those cases in which you want to add two plugins on the same page or want to add a checkout page directly within your site.

To add a Momence plugin as an iFrame:

The gif below summarizes the process:

With iFrames, you can also present your customers with the checkout page for any membership, class, or product you want, without them leaving your site. For this, simply paste the code below in your site, and you will inset the Momence checkout page without leaving your webpage:

<iframe src="INSERT PURCHASE LINK" style="width:100%;height:1000px;border:0px;"></iframe>

If you have a long list of classes showing in your plugin and want to narrow it down to just certain class types, you can do this by:

For a tutorial on how to add an element on your respective site builder, skip to the 1:30 minute mark of this video on how to install our Class Plugin.

Gift Card Creation Pages allow you to send your customers who are interested in purchasing a gift card to a self serve page. One that includes preset gift card amounts they can pick from.

Why using a Gift Card Plugin is better

Using a Gift Card Creation page used to require sending customers to a separate URL to make the purchase. Today, if they click this URL, they're still redirected there from the page they're currently on.

While this self serve Gift Creation Card page still saves you the extra step of ringing a customer up in POS, this redirection effectively removes them from the page where they initially found the URL. The addition of the plugin feature allows you to keep them on the page they're on even as they make the gift card purchase.

Why does keeping the customer on this page matter?

As a host, you may have several reasons for this. To sell them other items like memberships, to gauge interest of prospective customers using a Leads form, or to show them your class schedule, with an option to book a class.

The difference maker here is that, after making the gift card purchase, your customers can then turn their attention to your remaining offerings on your website and explore those, allowing you to capitalize on multiple upsell opportunities from one page.

How do I add this plugin to my website?

First, make sure you've set up your gift card creation page preset amounts by clicking Studio Setup > Gift cards > filling out the form.

Then, click Studio Setup > Add to Website > copy the code you see and paste it to your site builder as an element. Here's a video on how to do that.

For a tutorial on how to add an element on your respective site builder, skip to the 1:30 minute mark of this video on how to install our Class Plugin.

If you have a Momence plugin on your site that isn't working as expected, try these troubleshooting tips.

Test on a Staging Site: If possible, replicate the issue on a staging site first before making changes on your live site. This allows you to troubleshoot without affecting your main website.

Clear your browser's Cache: Cache memory helps browsers run faster. But it can sometimes cause issues by serving old versions of files. Try clearing your browser cache and any caching plugins you may have installed. If you're unsure how to do this, a quick google search of 'How to clear cache in [chrome, safari, etc]' should do the trick.

Are your Website's Plugins up to Date?: Using other plugins in tandem with the Momence Plugin? They may require updating. Developers frequently release updates to fix bugs and improve compatibility. You can check for updates in the admin dashboard under "Plugins."

Disable Conflicting Plugins: Sometimes plugins conflict with each other. Try disabling all other plugins except the one you are having trouble with to see if the problem persists. If it doesn't, re-enable the plugins one by one to identify the conflicting one.

To disable a plugin, navigate to Plugins > Installed Plugins > find the plugin in the list of your installed plugins > Click Deactivate.

Switch to a Default Theme: Temporarily switch to a default theme to rule out any theme-related conflicts with the plugin. To do this, navigate to Appearance > Themes.

Review Plugin Documentation: Check the plugin's documentation for any specific requirements or troubleshooting steps. The developer may have provided solutions for common issues.

Check Error Logs: Look for error messages in the error logs or your hosting provider's error logs. These can provide clues as to what is causing the problem.

Contact the Plugin Developer: If you've tried the above steps and still can't resolve the issue, reach out to the plugin developer for support. They may have additional insights or a solution to your problem.

Using a browser tool called Inspect Element, you can check to see which filters you used when you originally installed the plugin. If your goal is just to replace the plugin with one that uses different filters, use this tutorial to re-install it.

To see what's currently filtered though, navigate to the page of your website that your plugin is installed on. Make sure its the live version of your site, not the 'edit' page within your site builder. We'll use the Chrome browser for this example.

On your website, near the top of your plugin, right click > then choose Inspect.

This will pop in a side panel where you'll notice a faint line highlighting a section of the html code. Just above this section is the plugin code.

Using the Momence plugin page (Studio Setup > Add to Website) on the right for comparison, we can see that this default setting for the plugin (no filters applied) differs from what is running on the site.

On the site we're filtering for one teacher, who's Teacher ID is listed.

To replace the plugin with one that uses different filters, use this tutorial to re-install it.

A Webchat is a dialogue box on your website. It's for prospective customer's to contact your business. Visitors enter their phone number, send you a message, and you can respond right from your Momence Inbox.

If a customer starts a dialogue and Momence doesn't see the customer in your customer list, they're automatically added as a lead with their source shown as “Webchat”.

Update: You can now enable a popup message to bring attention to the webchat button when someone is visiting your website. This can help people to understand that it’s an interactive component that they can easily write to.

To enable this feature, navigate to: Marketing > Webchat > toggle on ‘Enable popup message’ > choose the verbiage for your popup and save.

To activate Leads (and webchat), navigate to Marketing > Leads

Click Marketing > Webchat > customize it while previewing changes to the right.

Note: to see where the 'Button text' will show, click the 'x' to collapse the chat.

After customizations are complete, click Save > then copy the entire code snippet in the bottom right.

After copying the code, open your website builder.

In Wix, click Settings > scroll to Advanced > click Custom Code > under Head, click Add Code > paste the code snippet > choose all pages (or specific ones) > click Apply.

In Wordpress, click Plugins > Add new Plugin > search for Insert Header > select the plugin titled 'Insert Headers And Footers' by WPBrigade > click Install & Activate.

Click Manage Plugin > from the plugins page, scroll to find the newly installed WP Headers and Footers plugin > click Settings > Under Scripts in Header paste the code snippet > scroll down and Save Changes.

In SquareSpace, click Website > Pages > under Utilities click Website Tools > click Code Injection > in the header, paste the code > click Save.