Add Clarity Free Tools to megesoformayor.com

Option A — Menu link (fastest)

1. WordPress → Appearance → Menus
2. Add Custom Link
3. URL: https://clarityecosystem.org/megeso/free-tools/
4. Label: Free Clarity Tools
5. Save · publish

Option B — Divi Code module (full section on home)

Paste this into a Divi Code module on Home (or a new page “Free Tools”):

<div style="border-radius: 16px;overflow: hidden;border: 2px solid rgba(20,23,20,0.12);min-height: 720px">
  <iframe
    src="https://clarityecosystem.org/megeso/free-tools/"
    title="Clarity Ecosystem free tools for Megeso For Mayor"
    style="width: 100%;height: 80vh;min-height: 720px;border: 0;display: block"
    loading="lazy"
    referrerpolicy="no-referrer-when-downgrade"
  ></iframe>
</div>
<p style="text-align: center;margin-top: 10px">
  <a href="https://clarityecosystem.org/megeso/free-tools/" target="_blank" rel="noopener" style="color: #ffffff;background: #146c43;padding: 10px 14px;border-radius: 999px;font-weight: 800;text-decoration: none">
    Open free Clarity tools ↗
  </a>
</p>

Option C — Floating button (any page footer)

Paste before </body> or in Divi Theme Options → Integration → body:

<script src="https://clarityecosystem.org/megeso/free-tools/embed.js?v=contrast-20260731" async></script>

Adds a fixed “Free Clarity Tools” button that opens the tool list.

Option D — New page link only

Create page “Clarity Free Tools” and set content to a button linking to the hub. Share that URL on socials and email.

https://clarityecosystem.org/megeso/free-tools/