EC Quote WordPress Installation

Follow these steps to add EC Quote to your WordPress site.

Install a Script Injection Plugin

To add custom scripts to your WordPress site, we recommend using the free WPCode - Insert Headers & Footers.

Add the Script

In the lefthand sidebar of your WordPress Dashboard:

1. Navigate to Code Snippets -> Header and Footer.
2. Paste the following script into the Scripts in Body section:

<script src="https://d1vc0si56f5gt.cloudfront.net/ff-plugin.umd.min.js"></script>

WARNING

Do not place the script in the Header section. It needs to be in the Body to ensure correct loading.

What does it look like?

View More Information

By using the Insert Headers and Footers plugin, the script will be added globally. This means it will load on every page of your site.

If you'd prefer to load the script only on specific pages, feel free to use your own method of script injection. This can help reduce unnecessary loading on pages where EC Quote is not shown.

Choose Where EC Quote Should Appear

EC Quote can be placed on a quote page, in a banner area, near a call-to-action section, or anywhere your WordPress theme allows a custom HTML block.

If you are creating a dedicated page, common page names include:

• Instant Quote
• Request a Quote
• Get a Quote

Add EC Quote to the Page

Once you know where EC Quote should appear:

1. Click to Edit the Page.
2. Add a Custom HTML Block.
3. Paste the following code:

<ec-quote></ec-quote>

TIP

You can add spacing around the custom element using WordPress block settings or your theme's page builder settings.

Final Step: Publish and Check the Page

Publish or update the page, then 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.

Troubleshooting

A very common issue with this installation process is interference from popular WordPress caching plugins such as:

• WPRocket
• NitroPack
• W3 Total Cache

These tools can override the script tag, defer JavaScript execution, serve cached HTML versions of your page, or apply optimizations that prevent EC Quote from initializing properly.

Symptoms you might see include:

• EC Quote does not appear until the page is interacted with, such as after a tap or scroll.
• EC Quote displays an error message or does not load.
• The page looks empty or broken when opened through an external link.
• Styles or interactivity feel delayed or missing.

Recommended Fix

We strongly recommend excluding the page where EC Quote appears from all caching and optimization rules coming from your caching plugin.

Please refer to the respective documentation for each plugin to find information on how to do so.

• How to Exclude Pages from WP Rocket Caching
• How to Exclude Pages from NitroPack Caching
• W3 Total Cache Page Caching Guide

For W3 Total Cache, go to Performance -> Page Cache -> Advanced, then add your EC Quote page path to Never Cache the Following Pages.

For example, if your EC Quote page opens at:

https://example.com/request-a-quote/#/quote

you would add this path:

/request-a-quote/

Do not include anything after the #. That part belongs to EC Quote after the WordPress page loads. The WordPress page that needs to be excluded from caching is the page path before the #.

If you are using other W3 Total Cache optimization features, exclude the same page from those optimizations as well. This includes JavaScript, CSS, minify, defer, delay, or similar optimization settings.

Still Need Help?

Some WordPress themes and page builders handle custom HTML differently.

If you're unsure about any of the steps above, please contact our support team. We are happy to assist with the integration.