How do I embed my events, services, products, or memberships on my website? – Yottled

Yottled highly advises using a CTA (call to action) or button to send your customers directly to your Yottled online storefront as opposed to embedding your booking site on your website. It works far better on mobile and across all website types. To learn how to do this, please click here.

To embed your site and direct customers to Events:

Copy the below code. Where it says “yourlinkhere”, insert your website link. As an example: “https://app.yottled.com/trevor/events”

Note:

For Particular Event you will need to use below link (as example)
Here it says your link which means, if you wish to use the embeded link for a particular link then you must enter it as <div style="min-width: 320px; height: 650px"><iframe src="https://app.yottled.com/toral/events/e/4bd6384d-fe1d-4041-9feb-af0100047a92" width="100%" height="100%" style="border: none; width: 100%; height: 100%;"></iframe></div>

For All Events you will need to use below link (as example)
Here it says your link which means, if you wish to use the embeded link for a particular link then you must enter it as <div style="min-width: 320px; height: 650px"><iframe src="https://app.yottled.com/toral/events" width="100%" height="100%" style="border: none; width: 100%; height: 100%;"></iframe></div>
```
<div style="min-width: 320px; height: 650px"><iframe src="https://app.yottled.com/yourlinkhere/events" width="100%" height="100%" style="border: none; width: 100%; height: 100%;"></iframe></div>
```
Next, go to your website builder and find the page you want to list your events. Add a “html” block
Paste the embed code and you’re done!

To embed your site and direct customers to Services:

Copy the below code. Where it says “yourlinkhere”, insert your website link. As an example: “https://app.yottled.com/trevor/appointments”

Note:

For Particular Service you will need to use below link (as example)
Here it says your link which means, if you wish to use the embeded link for a particular link then you must enter it as <div style="min-width: 320px; height: 650px"><iframe src="https://app.yottled.com/toral/products/70e67884-9a94-4a57-9f3f-5cc9dd30efc8" width="100%" height="100%" style="border: none; width: 100%; height: 100%;"></iframe></div>

For All Services you will need to use below link (as example)
Here it says your link which means, if you wish to use the embeded link for a particular link then you must enter it as <div style="min-width: 320px; height: 650px"><iframe src="https://app.yottled.com/toral/appointments" width="100%" height="100%" style="border: none; width: 100%; height: 100%;"></iframe></div>
```
<div style="min-width: 320px; height: 650px"><iframe src="https://app.yottled.com/yourlinkhere/appointments" width="100%" height="100%" style="border: none; width: 100%; height: 100%;"></iframe></div>
```
Next, go to your website builder and find the page you want to list your services. Add a “html” block
Paste the embed code and you’re done!

To embed your site and direct customers to Products/Catalog:

Copy the below code. Where it says “yourlinkhere”, insert your website link. As an example: “https://app.yottled.com/trevor/products”

Note:

For Particular Product/Catalog you will need to use below link (as example)
Here it says your link which means, if you wish to use the embeded link for a particular link then you must enter it as <div style="min-width: 320px; height: 650px"><iframe src="https://app.yottled.com/me/catalog/cc6204f2-5c94-4497-98e2-ab7c6101246c" width="100%" height="100%" style="border: none; width: 100%; height: 100%;"></iframe></div>

For All Product/Catalog you will need to use below link (as example)
Here it says your link which means, if you wish to use the embeded link for a particular link then you must enter it as <div style="min-width: 320px; height: 650px"><iframe src="https://app.yottled.com/me/catalog" width="100%" height="100%" style="border: none; width: 100%; height: 100%;"></iframe></div>
```
<div style="min-width: 320px; height: 650px"><iframe src="https://app.yottled.com/yourlinkhere/products" width="100%" height="100%" style="border: none; width: 100%; height: 100%;"></iframe></div>
```
Next, go to your website builder and find the page you want to list your products. Add a “html” block
Paste the embed code and you’re done!

To embed your site and direct customers to Memberships:

Copy the below code. Where it says “yourlinkhere”, insert your website link. As an example: “https://app.yottled.com/trevor/memberships”

Note:

For Particular Membership you will need to use below link (as example)
Here it says your link which means, if you wish to use the embeded link for a particular link then you must enter it as <div style="min-width: 320px; height: 650px"><iframe src="https://app.yottled.com/toral/memberships/0694c49f-82df-40bc-9d8a-e78bb1e6c3fa" width="100%" height="100%" style="border: none; width: 100%; height: 100%;"></iframe></div>

For All Memberships you will need to use below link (as example)
Here it says your link which means, if you wish to use the embeded link for a particular link then you must enter it as <div style="min-width: 320px; height: 650px"><iframe src="https://app.yottled.com/toral/memberships" width="100%" height="100%" style="border: none; width: 100%; height: 100%;"></iframe></div>
```
<div style="min-width: 320px; height: 650px"><iframe src="https://app.yottled.com/yourlinkhere/memberships" width="100%" height="100%" style="border: none; width: 100%; height: 100%;"></iframe></div>
```
Next, go to your website builder and find the page you want to list your memberships. Add a “html” block
Paste the embed code and you’re done!