Embed Booking on Your Website

Add the scheduling form to any website with a simple embed code

Preview

This is how the booking section will appear on your website:

Schedule Your TV Mounting Service

Book your appointment online in under 2 minutes. Choose your date, time, and services instantly.

[Your scheduling form will appear here as an embedded iframe]

Embed Code

<!-- TV Mounting Booking Section -->
<div style="max-width: 800px; margin: 0 auto; padding: 40px 20px;">
  <h2 style="font-size: 32px; font-weight: bold; color: #0c4466; margin-bottom: 16px; text-align: center;">
    Schedule Your TV Mounting Service
  </h2>
  <p style="font-size: 18px; color: #666; margin-bottom: 32px; text-align: center;">
    Book your appointment online in under 2 minutes. Choose your date, time, and services instantly.
  </p>
  <iframe 
    id="bookingIframe"
    style="width: 100%; height: 1200px; border: none; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"
    title="Schedule TV Mounting Appointment"
  ></iframe>
</div>

<script>
  // Extract gclid from current page URL and pass to iframe
  (function() {
    var params = new URLSearchParams(window.location.search);
    var gclid = params.get('gclid');
    var baseUrl = 'https://ttmountingschedule.base44.app/SchedulingForm';
    var iframeSrc = baseUrl;
    
    // Append gclid to iframe URL if it exists
    if (gclid) {
      iframeSrc += '?gclid=' + encodeURIComponent(gclid);
    }
    
    // Set iframe src
    document.getElementById('bookingIframe').src = iframeSrc;
  })();
</script>

Note: Simply copy this code and paste it into your website's HTML where you want the booking form to appear.

Platform-Specific Instructions

WordPress

  1. Go to your page or post editor
  2. Add a new "Custom HTML" block
  3. Paste the embed code above
  4. Publish or update your page

Wix

  1. Open your Wix editor
  2. Click the "+" button to add elements
  3. Select "Embed" → "Custom Embeds" → "Embed a Widget"
  4. Paste the embed code
  5. Adjust the size and position as needed

Squarespace

  1. Edit the page where you want to add the booking form
  2. Click an insert point and choose "Code" from the menu
  3. Paste the embed code into the code block
  4. Click "Apply" and save your page

Shopify

  1. Go to "Online Store" → "Pages"
  2. Create a new page or edit an existing one
  3. Click "Show HTML" button in the editor
  4. Paste the embed code
  5. Save and publish your page

Custom HTML Website

  1. Open your website's HTML file
  2. Find where you want to add the booking form
  3. Paste the embed code at that location
  4. Save and upload your file to your web server

💡 Pro Tip: Make sure the page where you embed the form has enough vertical space (at least 1200px) to display the entire booking process without excessive scrolling.

Need Help?

If you need assistance embedding the booking form on your website or have questions about customization, feel free to reach out.

The booking form is fully responsive and will work seamlessly on desktop, tablet, and mobile devices.