How do I use eWebinar widgets on my Framer site?

Learn how to add eWebinar registration widgets (inline forms, buttons, and pop-ups) to your Framer website using our pre-built component.

If you are building your website with Framer, you can easily add eWebinar registration widgets to any page using our pre-built Framer component. This works for all widget types — inline forms, buttons, and pop-up widgets.

Step 1: Add the eWebinar widget component to your Framer project

  1. Copy this component URL:

    https://framer.com/m/Widget-lrtRv6.js@YH7cxKVaVlZ7rqw0v0cg

  2. Open your Framer project and paste the URL directly onto the canvas — just like pasting an image
  3. The eWebinarWidgetControl component will appear on the canvas and be added to your Assets panel automatically
ℹ️

You only need to do this once per Framer project. After the component is in your Assets panel, you can drag it onto any page.

Step 2: Copy your widget code from eWebinar

  1. Go to app.ewebinar.com and find the webinar you want to promote
  2. Make sure the webinar is published — if it's not, click the Publish button first
  3. Click the Share button on the webinar card
  4. Go to the Widgets tab
  5. Choose the widget type you want:
    • Inline Registration Form — embeds the registration form directly on the page
    • Registration Button — adds a button that opens the registration form when clicked
    • Pop-up Widget — shows a floating button that opens a registration form overlay
  6. Configure the widget to your liking (colors, text, behavior)
  7. Click the Copy button to copy the widget code to your clipboard

Step 3: Paste the widget code into the Framer component

  1. Back in Framer, select the eWebinarWidgetControl component on your canvas (or drag a new one from the Assets panel)
  2. In the properties panel on the right, find the Widget code property
  3. Paste the widget code you copied from eWebinar into this field
  4. The widget will render on the canvas and work on your published site

Tips

  • You can place the component anywhere on your page — it behaves like any other Framer component, so you can resize, position, and layer it using Framer's layout tools.
  • If you want to use the pop-up widget (floating button), place the component anywhere on the page — it will float in the corner regardless of where you place it in the layout.
  • For inline widgets (registration form or button), position the component exactly where you want it to appear on the page.
  • You can add multiple eWebinar widget components to the same page or across different pages — each one can have its own widget code for a different webinar.
ℹ️

Any page that has an eWebinar widget that pops up the registration form is considered a registration page. Visitors to that page will be counted within eWebinar as visitors. Pages with widgets that lead to a separate registration page are not counted as visitors — eWebinar only counts visitors to webinar registration pages.