The Website Profiles Add-on: 4 Frequently Asked Questions
The Website Profiles Add-on makes it possible to showcase your employees and their skills and experience right on your tutoring website. You can customize button colours, text, how names are displayed, layouts and more. Changes are made visually and adding the plugin to your website is as easy as copying and pasting the code we provide on the relevant page.
Depending on how tech savvy you are, you may run into some questions when using the Website Profiles Add-on for your tutoring business. In this article, we’ll look at some questions that have been asked in the past to help you get the plugin configured and added to your website in no time.
FAQ 1: How can I control what is displayed on the Website Profiles Add-on
When configuring settings for the Website Profiles Add-on, there is a section for “Profile Options”. In this section, you can select the checkboxes of the fields that you would like to display on the profiles on your website. The list includes:
- First Name (required)
- Last Name
- Last Name Initial
- Teacher Since
- General Availability
The information recorded on employee profiles for each of the selected fields will display on your website and will be updated automatically if the fields are updated in Teachworks. If teachers edit their bio, their changes will need to be approved by the company admin or staff with appropriate permissions first.
FAQ 2: How do I optimize the tutor photos?
The Website Profiles Add-on will use the photo saved on employee profiles. To ensure that images don’t look pixelated or stretched, you’ll want to upload a square image in .jpg or .png format. A 200px by 200px image will work well and you’ll be able to upload a maximum file size of 250kb.
While you may be tempted to upload large format images, this isn’t really necessary since the Website Profiles Add-on displays images at a width of 120px. It is best to stick to smaller images for your website to ensure optimal loading speeds.
For tips on how to take professional looking tutor photos, here are some tips: Use corporate headshot photography to show off professional talent.
FAQ 3: How do I add the plugin to my website?
Once you’ve selected settings and you’re happy with the preview of the Website Profiles Add-on, you can add it to your website by copying and pasting the “Website Profiles Script” that appears at the bottom of the Website Profile Settings page.
If you manage your own website, you can copy the line of code and paste it in your website’s html where you want the profiles to appear. If your website was built by a web developer, you can pass along the code to them to add to your website.
If you’ve built your own website using a visual builder like Wix, Squarespace or Webflow, and you’re not entirely clued up on how to edit html and css, you can add a custom code block in the relevant spot and then paste in the above code. Below are some instructions for each platform:
- Wix: Embedding Custom Code on Your Site
- Squarespace: Adding custom code to your site
- Webflow: Custom code embed
FAQ 4: Why are other items on my website (such as images) displaying on top of the plugin?
When this issue comes up, it’s usually because the Website Profiles Add-on is nested inside an element with a lower z-index than other elements on the page.
When looking at a particular page on your website, think of it as a deck of cards. Each card represents an element on the webpage, such as an image, block of text, button, or header. These elements are placed on top of each other, similar to how cards are stacked in a deck. The z-index controls the stacking order of these cards and elements with a higher z-index will appear at the top.
The Website Profiles Add-on has been built with a high z-index assigned to it. However, if you use a visual builder like Wix or Squarespace, it’s easy to accidentally add the plugin inside an element with a lower z-index. In this case, the z-index set for the plugin will be ignored and elements with a higher z-index will appear on top of it.
The solution is to check the z-index assigned to the elements that display on top of the Website Profiles Add-on and to update the z-index of the element the plugin is nested in accordingly.
If you are not too familiar with html and CSS, this task can seem a little daunting. However, we’re able to look at your web page and troubleshoot the issue. If you need some assistance, you can provide us with the URL to the page where you’ve added the code. We can then provide you with additional CSS that you can add to get things working correctly.
Thinking of adding the Website Profiles Add-on to your website? Here are some related articles and resources:
- A live demo of the Website Profiles Add-on
- Website Profiles Add-on (Knowledge Base Article)
- Why Your Tutoring Website Needs A “Meet The Team” Page