Have you created a great looking website with Squarespace but want to add one of TutorBird's Login or Student Sign-Up widgets? No problem, this can easily be accomplished is 5 simple steps.

You'll find the required widget codes in the "Website" section of your TutorBird account. Select "I have an existing website I want to use" for your "Hosting" option. The code will appear on the right-hand side. Be sure to enter "Your Website Hostname" and click "Save Settings".

Step 1:

Login to your Squarespace account and locate the page you would like the "Login" or "Student Sign-Up" widget to appear on. Hover your mouse over the content area you would like your "Login" or "Student Sign-Up" widget to appear in and click "Edit".
https://cdn.elev.io/file/uploads/0Qwz1aCwj7dNboU09mBBFFicb1HE50QR9SADSEVzMSo/1_KaXrJGM2PvZ91k821qrDLmDQ6z1e7SWbQO-DBlyBg/square-nNM.png

Step 2:

Hover your mouse over the area and click on the bubble.
https://cdn.elev.io/file/uploads/0Qwz1aCwj7dNboU09mBBFFicb1HE50QR9SADSEVzMSo/MxouFcy0NUs4AJZ-bk0BWTWUS4PKdy7VEa1ddTAyB7k/square2-CT8.png

Step 3:

When prompted, choose “Markdown” as the type of content you would like to add.
https://cdn.elev.io/file/uploads/0Qwz1aCwj7dNboU09mBBFFicb1HE50QR9SADSEVzMSo/XJCTp8UFcrCYeH2ilir7ZQ0ROzcfzbDBxxirSUeqtm0/square3-W4g.png

Step 4:

Copy and paste the widget code snippet (found in the "Website" section of TutorBird) into the "Markdown" field and click "Apply".

<iframe id="sb_login_if" src="https://app.tutorbird.com/Widget/v2/Login.aspx?Sandboxed=false" allowtransparency="true" frameborder="0" style="width: 100%; overflow: hidden; height: 350px;" height="600px" scrolling="no"></iframe>


https://cdn.elev.io/file/uploads/0Qwz1aCwj7dNboU09mBBFFicb1HE50QR9SADSEVzMSo/P4izWcEOjSHg1VpCDaqAHTv5lmEG17u73zcAXn4QC_M/square4-Sgc.png

Step 5:

Click "Save". You are now able to preview the embedded widget.
https://cdn.elev.io/file/uploads/0Qwz1aCwj7dNboU09mBBFFicb1HE50QR9SADSEVzMSo/PewWyv34gxXZMWLwsX589CC4VFZXDAf2yeTWRGdRdfI/square5-qXQ.png