Embedding Coacha's Public Pages into your website

In this article we will outline some of the most common methods of using Coacha's 'embed code' to display your Public Pages on your website. 

Please note that Coacha do not provide support for website development and management and, if stuck, you should seek the advise of your website provider or a website developer. 

What is an iFrame?

An iFrame is simply a snippet of code that allows you to load a section / information from one website (Coacha in this instance), and display it within a page on another website (your website). We use this method of embedding as it is the most reliable way of displaying Coacha's Public Pages on as many different types of website as possible. 

Sizing and mobile views. 

iFrames will ensure that your content looks good on the widest array of devices, from tablets to laptops to phones, and PC as well as MAC. However, on some devices scroll bars may be created by their web browser to allow the viewer to see all of the content. This is completely beyond anyone's control, but it won't effect the functionality of your Coacha Public Pages.

Make sure you have everything.

On each of the Public Pages you will be able to find a code snippet. This code snippet will be everything you need to drop the content generated by Coacha into your website. Be sure that you copy the entire snippet so that you get everything you need. 

Most common way to add HTML in a website editor.

In most website editors you should be able to add HTML to the area where you would like your Coacha content to appear. 

Usually if you have a content box there will be an icon like this:

This will switch your box from 'rich text' view, where the system writes the code in the background, to pure HTML view. 

Once in this view, you can past the Snippet for the public page into the box where you want it to appear. 

When you save this and view the end result, you will see the box automatically fill with your Coacha content. 

Embedding in a Wordpress Website.

Wordpress allows you to add 'HTML' content to your web pages using the HTML block. 

To add a Custom HTML block, click on the + Block Inserter icon and search for it, or type /html on a new line and hit enter. Using your keyboard, you can also type /html on a new line and press enter to quickly add a new Custom HTML block.

Here's some guidance from Wordpress themselves:

Adding a HTML block to your website

Once you have added a HTML block in the area you would like the Coacha content to be added, simply paste the Embed coach from Coacha into the block. 

Embedding in a Squarespace Website

SquareSpace is a popular website builder with a lot of amazing features. You can easily add HTML into your Squarespace website by adding a code block to your website layout. 

Here's some guidance from Squarespace themselves:

Adding a code block to your website

Adding html to your Squarespace website 

Embedding in a Wix Website

Wix also allows you to embed Coacha content. In the Wix system you will need to add the content using the Wix editor with the Add iFrame option. Here you will be able to Add the Public page website address to the Wix editor and Wix will do the rest.

Here's some guidance from Wix themselves:

Embedding a website in your Wix page

NOTE: Wix also gives you the option to add iFrame Code - however, this doesn't work with the Wix editor as it repeats the iFrame Tags. Please use the Website URL option. 

Thanks 

The Coacha Team.