Book now

For garden clubs & nurseries

Put the plant diagnosis quiz on your own site

The quiz is free to embed. Paste one line of HTML and your members get the same diagnostic tool, on your page, with no sign-up and no tracking scripts. Useful for garden club sites, nursery pages, HOA newsletters, and neighborhood groups.

1. Paste this where you want the quiz

Keep the credit line underneath it. It has to sit outside the frame to work, which is the only thing we ask for in return.

Embed code

<div style="max-width:640px">
  <iframe
    src="https://evergreenhouseplantcare.com/embed/plant-diagnosis/"
    title="Plant diagnosis quiz"
    width="100%"
    height="620"
    loading="lazy"
    style="width:100%; border:1px solid #C7CFC0; border-radius:12px"
  ></iframe>
  <p style="margin:8px 0 0; font:14px/1.5 system-ui,sans-serif; color:#5d6757">
    Plant diagnosis tool by
    <a href="https://evergreenhouseplantcare.com/?utm_source=embed&amp;utm_medium=widget&amp;utm_campaign=quiz&amp;utm_content=credit-line">Evergreen House Plant Care</a>, Nokomis, FL
  </p>
</div>

2. Optional: let it resize itself

The quiz is one question at a time, so its height changes as people answer. Add this script anywhere on the same page and the frame will follow along. Skip it and the frame just keeps the fixed height above, which works fine.

Auto-height script

<script>
  window.addEventListener('message', function (event) {
    if (event.origin !== 'https://evergreenhouseplantcare.com') return;
    if (event.data && event.data.type === 'evergreen:quiz-height') {
      var frame = document.querySelector('iframe[src*="/embed/plant-diagnosis/"]');
      if (frame) frame.style.height = event.data.height + 'px';
    }
  });
</script>

Where to paste it

Every builder calls it something different. Open whichever one you use.

WordPress
  1. Edit the page or post, and click the + button to add a block.
  2. Search for the "Custom HTML" block and add it.
  3. Paste the embed code into the block, then publish.

On WordPress.com rather than a self-hosted site, custom HTML needs a Business plan or higher. On the free and Personal plans the block is unavailable, and the usual workaround is to link to the quiz instead.

Squarespace
  1. Edit the page and click an insert point to add a block.
  2. Choose the "Code" block from the menu.
  3. Paste the embed code in, leave the mode set to HTML, and save.

Code blocks are not available on Squarespace's cheapest plan. They also do not render while you are still in the editor: save and preview the live page to see the quiz.

Wix
  1. Click Add Elements, then Embed Code, then Embed HTML.
  2. Choose "Code" and paste the embed code into the box.
  3. Drag the element to the size you want, then publish.

Wix puts your pasted code inside a frame of its own, so give the element room: about 640px wide and 700px tall is comfortable.

Plain HTML, or anything else
  1. Open the page's HTML file, or whatever field your CMS offers for raw HTML.
  2. Paste the embed code where you want the quiz to appear in the page body.
  3. Save and upload as you normally would.

Nothing else is required: no stylesheet, no script, no account.

Live preview

This is exactly what your visitors will see.

Details

  • No cookies, no analytics, and no third-party scripts run inside the frame.
  • It works without JavaScript, so it will not break in a restrictive CMS.
  • Mobile-first: it reflows down to about 300px wide.
  • The embedded copy is marked noindex, so it will never compete with your own pages in search.

Want Jaci to speak to your garden club?

A full 2-hour house call is a flat $185, with diagnosis, treatment plan, and written care guide included. Or start with a $65 virtual consult.

Book now Send a photo first

Prefer to talk? (941) 451-7413