Skip to main content
Clovo

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.

A studio website pricing page with Clovo membership and pack cards embedded in it, and the iframe code that put them there

What You’ll Need:

  1. Access to your website’s content editor or HTML files.
  2. Your unique integration code (provided by Clovo Dashboard).

Step-by-Step Instructions:

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

  2. Replace the Placeholder Code (e7e7)
    Replace e7e7 in the iframe’s src URL with your unique integration code. For example, if your integration code is XYZ789, the iframe code would look like this:

    <iframe frameborder="0" src="https://studio.clovo.au/iframe/plans/studio/XYZ789" width="100%" height="2000"></iframe>

  3. 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.
  4. 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.
  5. Optional: Adjust the Height (if Needed)
    The height in the iframe code is set to 2000px by 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.

Still need a hand?

Our Australian support team is happy to help. Email us at hello@clovo.au.