Website setup · Version 1.1

One calculator. One contact form.

Use this replacement embed for the calculator on your WordPress page. It displays Version 1.1 with the supplied CRM form, a polished PDF plan download, and instructions to email the file to Josh@MadPelicanMarketing.com.

Publish before replacing the embed

Publish the current project to app-dbc2679c.vibe-app.ai so the dedicated calculator address below is available. Saving changes in the builder does not confirm that the public app has updated. This guide does not publish the app or change WordPress.

Replace, don’t add another block

Open your Marketing Cost Calculator page in the WordPress editor.
Remove the existing calculator embed blocks. Keep your page introduction and the separate general-contact footer unchanged.
Add just one Custom HTML block (or Divi Code module) and paste the entire code below, including the script. This installer removes older calculator frames and prevents duplicate instances. Use an account allowed to save scripts; if WordPress strips the script, ask your site administrator to install it.
Update the page. Clear the WordPress page cache and any CDN cache if they are enabled, then open the page in a fresh private browser window.

Download embed file

Replacement embed code

<div data-mad-pelican-embed style="position:relative;width:100%;height:1200px;"></div>
<script>
(function () {
  var origin = 'https://app-dbc2679c.vibe-app.ai';
  function install() {
    var holders = document.querySelectorAll('[data-mad-pelican-embed]');
    var holder = holders[0];
    if (!holder) return;
    for (var i = 1; i < holders.length; i++) holders[i].remove();
    var frames = document.querySelectorAll('iframe');
    for (var j = 0; j < frames.length; j++) {
      var frame = frames[j];
      var url;
      try { url = new URL(frame.getAttribute('src'), location.href); }
      catch (error) { continue; }
      if (url.origin !== origin || !/^\/(calculator\/?)?$/.test(url.pathname)) continue;
      if (frame.parentElement === holder) continue;
      var wrapper = frame.parentElement;
      frame.remove();
      if (wrapper && wrapper !== document.body && !wrapper.children.length && !wrapper.textContent.trim()) wrapper.remove();
    }
    if (holder.querySelector('iframe')) return;
    var calculator = document.createElement('iframe');
    calculator.src = 'https://app-dbc2679c.vibe-app.ai/calculator?v=1.1';
    calculator.title = 'Mad Pelican Marketing Service Calculator - Version 1.1';
    calculator.width = '100%';
    calculator.height = '100%';
    calculator.style.border = 'none';
    calculator.style.display = 'block';
    calculator.loading = 'lazy';
    holder.appendChild(calculator);
  }
  install();
  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', install, { once: true });
  var observer = new MutationObserver(install);
  observer.observe(document.body, { childList: true, subtree: true });
})();
</script>

Open published calculator directly

https://app-dbc2679c.vibe-app.ai/calculator?v=1.1

Check the public experience

The WordPress page shows the calculator once, with a Version 1.1 badge. Remove any remaining empty calculator modules in the WordPress editor if they leave extra space.
“Contact & download my plan” opens the supplied CRM form directly, without a preliminary contact form or “Edit my details” control.
The complete plan downloads as a formatted PDF without filling in another form. Email it manually to Josh@MadPelicanMarketing.com.
Submit a test lead and confirm receipt in Partner Center Contacts and Conversations. Neither a download nor displaying the form proves CRM delivery.

The dedicated address uses the current calculator; it is not a second contact step. Publication, WordPress replacement, downloads in the live iframe, and CRM delivery still require a live check.