Support for embedding Trafft.com on Dynamic Video landing page
A
Anders
I need to embed Trafft.com on my Dynamic Video landing page to allow users to book appointments directly through it. This is important because I have several questions that need to be answered by the users before booking. Currently, the platform only supports adding a calendar link, not custom HTML embeds like Trafft’s script. It would be beneficial to have direct support for Trafft.com to streamline the booking process.
A
Abe Dearmer
Hi Anders, thanks for the request. To make sure we scope this correctly, can you share a bit more about how you want Trafft to appear and behave on the Dynamic Video landing page?
1) Embed type
- Are you using Trafft’s standard embed script (JS snippet), or an iframe embed option?
- If you can paste the exact Trafft embed code you’re trying to use (or a redacted version), that helps us confirm what’s required.
2) Placement and layout
- Where should the booking widget live on the page (below the video, in a side panel, in a modal popup after CTA click)?
- Any sizing requirements (full width, fixed height, responsive)?
3) Booking flow
- Do you want the viewer to watch the video and then book, or book immediately on page load?
- Should the CTA button open the embedded widget, or should it always be visible?
4) Data and tracking
- Do you need to pass any viewer data into Trafft (name, email, UTM, Sendspark contact fields) so the form is prefilled?
- Do you need conversion tracking when an appointment is booked (and if so, do you rely on Trafft events, a thank-you page, or something else)?
5) Security and compatibility
- Is this landing page used on a custom domain, and do you have any CSP or security restrictions on your site?
- Are there any other embeds you’d want supported beyond Trafft (Calendly, Chili Piper, etc.), or is Trafft the main one?
Once we have those details, we can evaluate the best approach. Options could include a general “custom embed” block for Dynamic Video pages, or a first-class Trafft integration if there are Trafft-specific requirements. If you share a sample Trafft booking page link (or a test account link), we can validate feasibility and recommend the cleanest implementation.
A
Anders
Abe DearmerHi Abe,
Check this link please: https://mackaptajnen.dk/html/trafft.html for an example.
<!-- Embedded booking begin -->
<div class="embedded-booking" data-url="https://booking.mackaptajnen.dk" data-query="&t=s&uuid=8faf4f85-ffc8-4d69-bd98-099bb24b9f89" data-employee="anders-nielsen" data-lang="da" data-autoresize="0" data-showsidebar="1" data-showservices="0" style="min-width: 320px; height: 768px;"></div>
<script type="text/javascript" src="https://booking.mackaptajnen.dk/embed.js" async></script>
<!-- Embedded booking end -->
I think a position below the video would be great. But alternatively to the right of the video as the form also work great in portrait size. Responsive would be great.
I would like to be able to set the widget and height in % or px
Yes, would be great if I could pass data to trafft so that all Data Sendspark has can be sent to prefill the form in Trafft.
About the flow - the form should just show when you enter the page and you can book as you watch the video. No advanced logic needed for now.
Also I would really like to also have a custom HTML embed as well so I can embed this for instance:
https://portal.mackaptajnen.dk/da/booking?variant=b2c_card&duration=60