Add Avenue to GoDaddy

This guide shows how to add the Avenue booking form to a website built with the GoDaddy Website Builder.

Prerequisites

Before you begin, make sure you have:

Access to your GoDaddy account
A published GoDaddy website you can edit
Your Avenue embed code (sent to you via email)

The Avenue booking form is added to your site with a small piece of code. GoDaddy lets you drop this code in using its built-in HTML section, and once it's in place the booking button appears on your site automatically.

Your embed code looks like this:

<script src="https://embed.avenue2.au/loader.js" data-public-token="YOUR_TOKEN"></script>

GoDaddy has a built-in HTML section that makes adding it easy.

Adding the Embed Code

Step 1: Open Your Website

Log in to your GoDaddy account and open your dashboard
Go to Websites and find the site you want to add Avenue to
Click Edit Website to open it in the GoDaddy editor

Open Websites in the GoDaddy dashboard and click Edit Website

Step 2: Add a New Section

Hover between any two sections of the page until the add toolbar appears
Click the + (plus) button to add a new section

Hover between sections and click the plus button to add a new section

Step 3: Choose the HTML Section

In the section menu, search for HTML
Select the HTML / Custom Code option to insert it

Search for HTML and select the custom code section

Step 4: Paste the Embed Code

In the Title field, enter a name such as "Avenue Embed"
Paste the code below into the Custom Code box
Replace YOUR_PUBLIC_TOKEN with the token from your Avenue email

<script>
(function() {
    // Only insert the Avenue script once
    if (window.avenue2ScriptInserted) {
        return;
    }
    window.avenue2ScriptInserted = true;

    function insertJS() {
        var head = window.parent.document.head;

        // Skip if the loader is already on the page
        var existingScript = head.querySelector('script[src="https://embed.avenue2.au/loader.js"]');
        if (existingScript) {
            return;
        }

        var jsScriptNode = document.createElement('script');
        jsScriptNode.setAttribute('type', 'text/javascript');
        jsScriptNode.setAttribute('src', 'https://embed.avenue2.au/loader.js');
        jsScriptNode.setAttribute('data-public-token', 'YOUR_PUBLIC_TOKEN');
        head.appendChild(jsScriptNode);
    }

    var start = Date.now();
    var interval = 9;

    function main() {
        var head = document.head;
        if (head) {
            insertJS();
        } else if (Date.now() - start > 10000) {
            return null;
        } else {
            setTimeout(function () {
                main();
            }, interval);
            interval *= 2;
        }
    }

    main();
})();
</script>