customer stories

Boast Knowledge Base

How to Integrate Boast with Wix

Wix is a fairly closed platform and doesn't allow a ton of integrations, but there are several ways you can use Boast and Wix together. You can always use the Boast-hosted landing page to collect feedback from your audience. It makes collecting simple to just link up to the landing page from your Wix site. 

You can also embed the collection form on a Wix site.

A few conditions that Wix requires in order to embed external Javascript:

  1. You need an upgraded, paid Wix plan
  2. You need your own custom domain (e.g. https://wix.boast.io)

Once you have met these two conditions, you're ready to get started embedding the form on your Wix site.

First, find your Boast embed code:

  1. Select Widgets or Forms from your Boast dashboard, depending on which you are looking to embed.
  2. Click the Share link on an existing widget or form, or create a new one.
    share
  3. Copy the Website Embed (recommended) or iFrame Embed code.
    widget-embed

Here's how you can embed the form on your website:

  1. Hop into your Wix account and open your site in the Wix editor
  2. Click the "Add" button to add a new element to the page



  3. Click "Search"



  4. Search for "Embed" and click the "Embeds" option underneath "Add to Site"



  5. Click "Custom Element"



  6. A new Custom Element will be placed on the page



  7. Click the new Custom Element and select "Choose Source"



  8. In Element Settings, select "Velo file"



  9. Enter the Tag Name of "boast-wix-form"




  10. Hit the "Select..." and then "Create New"





  11. Paste in the following code into the new file that's been created:
    const FORM_ID = 'YOUR_FORM_ID_HERE';
    const BOAST_COMPONENT = 'boast-form';
    const CLASS_NAME = 'font_8';

    const createBoastComponent = () => {

    const divContainer = document.createElement('div');

    divContainer.setAttribute("data-boast-component", BOAST_COMPONENT);

    divContainer.setAttribute("data-form-id", FORM_ID);

    return divContainer;

    };

    const createScript = () => {

    const scriptElement = document.createElement('script');

    scriptElement.src = "https://widgets.boast.io/current/components.js";

    scriptElement.defer = true;

    scriptElement.async = true;

    return scriptElement;

    }

    const createContainer = () => {

    const divElement = document.createElement('div');

    divElement.className = CLASS_NAME;

    return divElement;

    }

    class BoastCustomWixWidget extends HTMLElement {

    constructor() {

    super();

    }

    connectedCallback() {

    let divContainer = createContainer();

    divContainer.appendChild(createScript());

    divContainer.appendChild(createBoastComponent());

    console.log(divContainer);

    this.appendChild(divContainer);

    }

    }

    customElements.define('boast-wix-form', BoastCustomWixWidget);



  12. Log into your Boast account and click "Forms" in the top menu
  13. Click the "Share" link underneath the form you'd like to embed
  14. Under "Embed On Your Website", you'll want to find your form ID in the Javascript code (inside the quotations of the 'data-form-id' attribute.

    form-id

  15. Hop back into the script in Wix and paste the form ID into the Javascript code where it says YOUR_FORM_ID_HERE. Your form ID is the "data-form-id" attribute in the Javascript embed script 
  16. Publish your site!

Here's a working example of the form embedded on a Wix website: https://wix.boast.io/forms-javascript

Here's an example of what the code should look like once you have added your form ID:

const FORM_ID = 'ebac7f2b-f29c-4cd2-aee3-d97d226b6a27';

const BOAST_COMPONENT = 'boast-form';

const CLASS_NAME = 'font_8';

const createBoastComponent = () => {

const divContainer = document.createElement('div');

divContainer.setAttribute("data-boast-component", BOAST_COMPONENT);

divContainer.setAttribute("data-form-id", FORM_ID);

return divContainer;

};

const createScript = () => {

const scriptElement = document.createElement('script');

scriptElement.src = "https://widgets.boast.io/current/components.js";

scriptElement.defer = true;

scriptElement.async = true;

return scriptElement;

}

const createContainer = () => {

const divElement = document.createElement('div');

divElement.className = CLASS_NAME;

return divElement;

}

class BoastCustomWixWidget extends HTMLElement {

constructor() {

super();

}

connectedCallback() {

let divContainer = createContainer();

divContainer.appendChild(createScript());

divContainer.appendChild(createBoastComponent());

console.log(divContainer);

this.appendChild(divContainer);

}

}

customElements.define('boast-wix-form', BoastCustomWixWidget);

 

If you'd like to change the font size, you can update the CLASS_NAME variable to be something different than 'font_8', here's a list of Wix-supported classes you can use: https://devforum.wix.com/kb/en/article/wix-style-parameters#font-values

One tool with everything you need to leverage social proof to grow your business.

Meet the companies collecting video testimonials with Boast

Betr Health Case Study

Betr Health is a health food meal service focusing on wellness.

Chicago Helicopter Experience Case Study

Chicago Helicopter Experience provides breathtaking tours of the Chicago area.

CommonSense American Case Study

CommonSense American seeks to bridge the partisan divide between everyday citizens and bring everyone to the table to make positive change.

Consulting Success Case Study

Consulting Success gives business consultants powerful strategies to win more clients and improve their overall business efficiency.

Family Chiropractic Center for Wellness Case Study

Family Chiropractic Center For Wellness provides a full range of health and wellness treatments in four convenient Florida offices.

GoForClose Case Study

GoForClose empowers real estate investors to focus on sales and closing deals by providing a specialized team and marketing platform at an affordable rate.

Growth Marketing Pro Case Study

Growth Marketing Pro helps business owners and startups develop powerful growth marketing strategies.

National Grid Case Study

National Grid is a British and US multinational electricity and gas utility company with a market cap of 47 billion dollars.

North Face Endurance Challenge Case Study

The North Face Endurance Challenge Series is a trail race series in six locations across North America.

OneTrust Home Loans Case Study

OneTrust Home Loans serves borrowers and their financing needs through an efficient, transparent, and technology-driven loan process.

Pure Energy Window Company Case Study

Pure Energy Window Company is a window installation and replacement company specializing in energy-efficient windows.

Republican Voters Against Trump Case Study

Republican Voters Against Trump seeks to cross political lines by collecting and displaying testimonial videos from self-identifying Republican voters who don’t support Donald Trump.

Savvy + Co Real Estate Case Study

Savvy + Co Real Estate is a full-service real estate firm serving clients in Charlotte, North Carolina

Sedera Case Study

Inspired by the modern sharing economy, Sedera centers on Member-to-Member sharing, basically people helping people.

Seth Godin Case Study

Seth Godin is a marketing expert promoting books and other resources.

Sonic Relief Case Study

Sonic Relief™ provides personal therapeutic ultrasound devices for pain management.

Vivir al Máximo Case Study

Vivir al Máximo sells different online courses to help students create a life on their own terms.

Who Uses Boast?

Boast was originally designed to help B2B companies improve their processes for collecting testimonials and showcasing them on their websites, but it didn’t take long to realize that the Boast apps have far more potential. Check out some of the ways people are using below.

Agencies

Boast assists growth-focused agencies with an all-in-one platform to collect, manage, and share video testimonials.

Real Estate

Realtors make it or break it by cultivating quality, genuine customer testimonials. Boast offers a way for Realtors to capture meaningful client relationships and build new ones.

Health & Wellness

Boast helps health and wellness product brands, software companies, service providers, and coaches leverage video testimonials and customer reviews to increase sales.

Software Companies

Boast helps software companies collect feedback from customers to improve product features and increase sales.

Creators & Consultants

Boast offers a simplified testimonial process so you can build a library of social proof to showcase on your website, social media, and ads.

Non-profit, Association & Advocacy

Boast helps non-profit, association, and advocacy organizations set up feedback campaigns to get a pulse on their community.

Financial Services

Boast offers everything you need to build a library of praise to showcase on your website, social media, and ads.

Coaches & Consultants

Request and collect video testimonials for your coaching business to improve credibility with your audience and sell more.

Join 8,000+ businesses leveraging Boast to collect and share video testimonials.