Embed a ticket shop

Add Paydro registration and checkout to your existing website.

Embed the public ticket shop when you want visitors to register and check out on your website. The embed uses the public event shop URL; it does not use organizer API credentials.

Choose the event URL

Copy the published shop link from Paydro. The URL contains your organization host and event slug. Append ?embed=1, or &embed=1 if the link already contains a query string.

<iframe
  src="https://your-organization.paydro.com/your-event?embed=1"
  title="Register for Community Summit"
  class="w-full h-screen rounded-xl border-0"
  loading="lazy"
></iframe>

The example uses Tailwind CSS utilities for full width and viewport height. If your website does not use Tailwind, replace these classes with your site’s equivalent iframe sizing rules; otherwise the browser uses its default iframe dimensions. Preserve scrolling and provide a regular link to the shop as an alternative for visitors.

Customize visible sections

Existing embed options include header, attendees, info, social, image, title, date, and location. Use the embed settings offered by your shop configuration and test the resulting URL; options affect presentation rather than API access.

Test the complete journey

Test on mobile and desktop, including form validation, multiple tickets, payment handoff, confirmation, and any return to the embedded shop. Hosted payment providers may navigate outside the frame. Avoid a restrictive iframe sandbox unless you have tested all required capabilities.

Protect visitor data

Your page cannot directly read a cross origin iframe’s form fields. Keep any surrounding analytics consistent with your consent policy, and use authenticated server requests when you need registration data in another system.