Skip to main content

WordPress

Embedding the widget in WordPress using Elementor or the built-in editor

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.

Embedding via Elementor​

If you wish to add the Quote Widget to a page using the Elementor page builder, follow these steps:

  1. Log into your WordPress Admin
  2. Navigate to the page you wish to add the Widget to or create a new one
  3. Toggle the Elementor Builder
  4. Look for the </> HTML block and add it to the page
  5. 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 HTML Code section of the block
  2. The Quote Widget should appear in the section.
  3. Preview the page to make sure the Widget is displayed and works as expected.
  4. Save your changes and publish the page.

Embedding via the build-in WordPress Editor​

If you wish to add the Quote Widget to a page using the built-in WordPress page builder, follow these steps:

  1. Log into your WordPress Admin
  2. Navigate to the page you wish to add the Widget to or create a new one
  3. Begin editing the page
  4. Add the Custom HTML block to the page content.
  5. 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 Custom HTML block and toggle the Preview of the block.
  2. The Quote Widget should appear in the section.
  3. Preview the page to make sure the Widget is displayed and works as expected.
  4. Save your changes and publish the page.