Classes
Install a plugin
A plugin for classes displays your schedule on your website. To install one, click Studio Setup > Add to Website.
As you make changes using each filter or dropdown, the preview pane in the bottom right will update. When you're happy with what you see, copy the code you see listed and open your website builder.
Here's a list of the most common site builders and their directions for adding a plugin.
Add a plugin's code to your website builder
GoDaddy
Click Add Section > Files and Web > HTML > paste the code.
WordPress
Click Add block > custom html and then click write html, paste that code in.
Wix
Click the plus symbol, choose blank > add an element > choose iframe, enter code, and paste it in. Expand / stretch the plug-in display.
Weebly
Grab 'Embed code' and drag it in to where you'd like the plugin to go > select the section > edit custom HTML > paste in the code.
Filter your class schedule plugin by class tags
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:
First, tagging your class templates (classes > class templates > edit template > select tag)
Then, heading back to the plugin (studio setup > add to website), using the drop down menu to filter by tags
Delete a cancelled class from your website where its displaying using a plugin
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.
Appointments
Display your Appointment availability on your website, using an Appointment Plugin
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 > select the board to display > copy the code and paste it to a page on your website builder. Paste the code into your website builder as an iframe.
Gift Cards
Gift Cards are now Available as a 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.
To get started, click studio setup > add to website > gift cards.
Webchat
How to embed Momence Webchat on your Website
What's a Webchat?
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
How do I embed a Webchat to my site?
Click Marketing > Webchat > customize it while previewing changes.
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.
Troubleshooting
Troubleshooting Plugin Issues on your website
If your plugin isn't working as expected, try these troubleshooting tips.
Test on a Staging Site: to see if you can replicate the issue. JSfiddle is a good example to try. 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.
How to see what filters your Class Plugin is running, if any
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 follow the 'install a plugin' tutorial at the the top of this article.
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 follow the 'install a plugin' tutorial at the the top of this article.
iFrames
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.
Add a plugin as an iFrame:
Go to your Momence Dashboard and copy the code of the plugin to add
Paste the code in your browser URL bar so that it turns into a single-line piece of text
Copy the single-line text and paste it in between the quotes of the following string: <iframe srcdoc='{{HERE}}'></iframe>
Copy the resulting iframe text and paste it into your website where you would paste the plugin
The gif below summarizes the process:
Add a purchase link as an iFrame
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>