Skip to main content

General

Embedding the Basic widget in any website or platform

Introduction​

The Basic Quote Widget is an embeddable <iframe> and can be easily integrated into various website builders, as well as custom coded websites.

What is important is properly setting up the Host URL in the Quote Widget settings. This URL is important, because it serves as a security measure, preventing 3rd parties from copying your Quote Widget.

If you wish to add the Quote Widget to a WordPress website, follow these instructions.

If you have a Shopify store, follow these instructions.

Embedding the widget using a WYSIWYG editor​

  1. Begin editing the page you wish to add the Widget to
  2. Toggle the HTML mode of the Editor. The icon indicating this mode is typically </>
  3. Copy the Embed code with your preferred language from the BuildPlateZ platform. The code should look something like this:
<iframe style="border: none; max-width: 600px; width: 100%; height: 440px;" 
        src="https://quote.buildplatez.com/?widgetKey=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX&lng=en"></iframe>
  1. Paste the Embed code into the editor.
  2. Switch back to the Preview mode of your editor.

If your Website Administration panel is on the same domain (URL) as your website, the Quote Widget should load.

If your admin panel is on a different domain, you should see a gray rectangle appear in the Editor with the following message 'quote.buildplatez.com refused to connect.'.

  1. Save your progress and view the page

Embedding the widget directly into your HTML code​

  1. Open the file or template where you wish to place the Widget
  2. Copy the Embed code with your preferred language from the BuildPlateZ platform. The code should look something like this:
<iframe style="border: none; max-width: 600px; width: 100%; height: 440px;" 
        src="https://quote.buildplatez.com/?widgetKey=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX&lng=en"></iframe>
  1. Paste the Embed code in the code where you want the Widget to appear.
  2. Save the file.

Depending on the platform/website you are using, you may have to re-upload the file or follow deployment procedures.