Add your memberships and packs to your marketing website
Tobias Gundry
Updated
Showcasing your products and services directly on your website gives clients a way to browse and purchase. Follow these steps to integrate your offerings using an iframe.
What You’ll Need:
- Access to your website’s content editor or HTML files.
- Your unique integration code (provided by Clovo Dashboard).
Step-by-Step Instructions:
-
Locate the Product & Service Integration Code
Use the following iframe code as a template for embedding your offerings:<iframe frameborder="0" src="https://studio.clovo.au/iframe/plans/studio/e7e7" width="100%" height="2000"></iframe> -
Replace the Placeholder Code (
e7e7)
Replacee7e7in the iframe’ssrcURL with your unique integration code. For example, if your integration code isXYZ789, the iframe code would look like this:<iframe frameborder="0" src="https://studio.clovo.au/iframe/plans/studio/XYZ789" width="100%" height="2000"></iframe> -
Add the Code to Your Website
-
If you’re using a content management system (CMS) like WordPress:
- Open the page or section where you want the product and service listing to appear.
- Switch to the “HTML” or “Code” view in your editor.
- Paste the modified iframe code into the desired location.
-
If you’re directly editing the website’s HTML files:
- Open the file in a text editor.
- Paste the iframe code where you want the listing to be displayed.
- Save and upload the updated file.
-
-
Test the Integration
- Visit your website and navigate to the page where the iframe is embedded.
- Confirm the product and service offerings load correctly and display as intended.
-
Optional: Adjust the Height (if Needed)
The height in the iframe code is set to2000pxby default, but you can adjust this value to better fit your website’s layout. For example:<iframe frameborder="0" src="https://studio.clovo.au/iframe/plans/studio/XYZ789" width="100%" height="1800"></iframe>
Need Help?
If you encounter any issues or need assistance with your integration code, contact Clovo support. We’re here to help you get your product and service listings up and running on your website.
Embedding your offerings on your website allows clients to easily view and purchase your services, helping you grow your business and keep your clients engaged.
Related articles
Connect Stripe and check your payment settings
Stripe is what actually moves the money. Here's how to connect it, what the three connection states mean, and which payment settings live in Clovo rather than in Stripe.
When will I get my first payout?
Your first Stripe payout may take longer than future payouts. Here is the timing to expect, where to see the date in Clovo, and what to check if it is delayed.
Accessing your Clovo ‘studio code’ needed for certain integrations
The Clovo Studio Code is a short 4-character alphanumeric string that uniquely identifies your studio. It is used when integrating your Clovo instance with external services like your website.
Add Clovo to your WordPress website with the Clovo WordPress Plugin
Add your live schedule and product listings to a WordPress website with the Clovo WordPress Plugin.
