How to Add Your Estimator to a HubSpot Page

Step 1: Copy Your Embed Code

  • Log in to PriceGuide.ai and find your estimator.
  • Click the SHARE button and copy the embed code

    Step 2: Open Your HubSpot Page Editor

    • Log in to HubSpot and go to your website pages.
    • Click on the page where you want to add the estimator.

    Step 3: Insert the Embed Code in HTML

    ❌ Do NOT use the iframe module (it doesn’t work well on mobile).

    ✅ Instead, follow these steps:

    • Click on a Rich Text module where you want to add the estimator.

    • Click the Advanced button then Source Code

    • Paste your embed code inside the HTML box.

    Step 4: Save and Publish

    • Click Preview to check how it looks.
    • Click Update or Publish to make it live!

    Final Notes

    • Always check your page after publishing to make sure the estimator looks good.
    • If the estimator doesn’t fit well on mobile, you may need to adjust the width in the embed code (use "width:100%" for full width).
    • If you need help, contact PriceGuide.ai support.

    Now go and start generating more leads with your pricing estimator! 🚀

    On This Page:

    1. Copy Your Embed Code
    2. Open Your HubSpot Page Editor
    3. Insert the Embed Code in HTML
    4. Save and Publish

     

    Have More Questions?

    We’d love to hear from you.