Appearance

EC Quote Installation ​

Follow these steps to add EC Quote to a quote page, banner, header area, or another section of your website.

General Information ​

EC Quote is a lightweight quote element built using modern Web Components, including Custom Elements.

This approach makes it highly portable, so you can embed it into many website platforms that support custom HTML and JavaScript.

Basic Integration ​

To install EC Quote, add the following to your HTML where you want the quote button or quote area to appear:

html
<!-- Load EC Quote -->
<script src="https://d1vc0si56f5gt.cloudfront.net/ff-plugin.umd.min.js"></script>

<!-- Show EC Quote -->
<ec-quote></ec-quote>

Placement Notes ​

  • The <script> tag should usually be placed near the top of the <body> tag to ensure proper loading order.
  • The <ec-quote></ec-quote> element should be placed exactly where you want the quote experience to appear.

WARNING

Avoid placing the script tag in the head section of your HTML.

Scripts loaded in the <head> may execute before the DOM is ready, which can prevent your custom element from being properly registered or rendered. Placing the script in the <body> ensures it runs after the browser has started parsing the page content.

Platform Guides ​

Use the guide that matches your website platform:

Wix Sites

EC Quote does not currently have a step-by-step Wix installation guide. If your website is built with Wix, please contact our support team and we will help with the best placement for your site.

Final Step: Deploy Your Changes ​

Once you've added the script and element, publish the page and visit the live version of your site.

If everything is installed correctly, EC Quote will show:

Instant Quote - Coming Soon!

If you do not see that message, please contact our support team and we will help review the setup.

TIP

Once EC Quote is installed and visible, our team can complete the final activation steps.

Customize EC Quote ​

After EC Quote is installed, you can customize the button text, spacing, colors, and quote UI theme from your EC Quote portal settings.

See Customizing EC Quote for the available options and examples.

Need Help? ​

If your site uses a platform like WordPress, SquareSpace, or Shopify, start with the platform-specific guides above. If you're unsure where to place the snippet, contact our support team. We're happy to assist with integration or custom setups not covered in the docs.