Embed your myTurn site on your website

You can embed myTurn onto your own website. The first thing you will need to do is go to:

Settings > Site Customization

and fill out the Embedded Host Domain and include the domain name of the site(s) where you will be embedding your myTurn site. For example, if you want to embed on myturn.com and/or www.myturn.com, you can just enter "myturn.com".

We offer a few options to help integration into different website setups and using different content management systems. In all cases, you will need to replace YOURSITE with your myTurn site name.

For example, if your site is:

https://demo.myturn.com/

replace YOURSITE with demo in the examples below. Embedding your myTurn site will work best on a "full width" page with no left or right navigation, though it will work with narrower layouts. An example of a demo site embedded into our own website can be found at:

https://myturn.com/features/demo-embed/

We provide both the HTML code for an iframe, as well as, a javascript include file that helps to properly set the height of the embedded iframe. Using both is highly recommended for the best user experience.

Please note that some content management system require settings changes or plugins to be installed to allow embedded HTML code or "iframes" to work. Please check with your web developer or with us for more assistance if needed.

Use only one of the following:

Basic Embed Code

Embed Code for Twitter Bootstrap Layouts

This version of the code has CSS to help set proper spacing for sites that use Twitter Bootstrap layouts.

Those examaples will embed your main inventory page. You can also embed any public page by visiting the page (e.g. a specific item) and then adding one of the following to the end of the web address/URL:

If there are no "parameters" already (e.g. a product page):

?embed=true

or if there are parameters (e.g. a specific search, Category or Item Type):

&embed=true

That URL can then be embedded with the streamlined embed layout by replacing "https://YOURSITE.myturn.com/library/inventory/browse?embed=true" in the examples above.

CMS Example: Embedding in Wordpress

By default, Wordpress does not allow the use of iframes. There are a few plugins available that allow you to use iframes with Wordpress, including:

iframe: https://wordpress.org/plugins/iframe/
Advanced iframe: https://wordpress.org/plugins/advanced-iframe/

Sample using the "iframe" plugin:

<div id="myturn-embed-frame">[iframe src="https://YOURSITE.myturn.com/library/inventory/browse?embed=true" width="100%" scrolling="no" height="1500" style="border:0; width: 100%"]</div>

CMS Example: Embedding in SquareSpace

If including the code above in a "Code </>" block does not work on your Squarespace site, you can try these special instructions for Squarespace.

If your team needs help integrating myTurn directly into your website, please let us know.

Articles in this section

Comments

Articles in this section

Related articles