Have you designed a great looking website with Wix but want to add one of TutorBird "Login" or "Student Sign-Up" widgets? No problem, this can easily be accomplished in 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:

Log into your Wix account and locate the page you would like the "Student Portal Login" or "Student Sign-Up" widget to appear on. Click on the "Add (+)" button and choose "More" as the element you would like to add to your website.

Step 2:

From the "Add More" menu, select "HTML iFrame".

Step 3:

An HTML placeholder will then be inserted in your page, click once on the placeholder and choose "Enter Code".

Step 4:

When the "HTML Settings" dialogue box appears select "Code". Paste the copied widget code into the box below and wrap it in opening and closing "p tags"(please see the example below). Click "Update". Please note the same applies to the TutorBird Student Sign-Up widget.

Login Widget Example:

<p>
<script type='text/javascript' src='https://app.tutorbird.com/Widget/v2/Login.ashx'></script>
</p>

Student Sign-Up Widget Example:

<p>
<script type='text/javascript' src='https://app.tutorbird.com/Widget/v3/Registration.ashx?id=sch_zpCJg' class='sb_registration'></script>
</p>
Please note: The opening and closing <p> tags need to be on separate lines from the script in order for it to work.

Step 5:

Preview your website in a web browser by clicking the "Preview" button found in the Wix editing menu at the top of the screen. You should now be able to see your embedded "Login" or "Student Sign-Up" widget.