Two simple, self-contained React components for Premagic widgets:
- LoginWidget - Quick LinkedIn login and form autofill for registration pages
- PosterWidget - Allows attendees to create and share event posters on success/confirmation pages
Copy LoginWidget.js and PosterWidget.js to your React project.
Add these scripts to your HTML <head>:
<link rel="preload" href="https://asts.premagic.com/s/poster-widget/premagic-poster-widget.js" as="script" crossorigin="anonymous" />
<script src="https://asts.premagic.com/s/poster-conversion-tracker/ptm.js"></script>import LoginWidget from './premagic-widgets/LoginWidget';
<LoginWidget config={{
shareId: "YOUR_SHARE_ID",
projectId: "YOUR_PROJECT_ID",
eventId: "YOUR_EVENT_ID",
websiteId: "YOUR_WEBSITE_ID",
domain: "YOUR_DOMAIN"
}} />import PosterWidget from './premagic-widgets/PosterWidget';
<PosterWidget config={{
shareId: "YOUR_SHARE_ID",
projectId: "YOUR_PROJECT_ID",
eventId: "YOUR_EVENT_ID",
websiteId: "YOUR_WEBSITE_ID",
domain: "YOUR_DOMAIN"
}} />config(required) - Configuration objectshareId(string, required)projectId(string, required)eventId(string, required)websiteId(string, required)domain(string, required)redirectUrl(string, optional)autofillerConfig(object, optional)
containerClassName(string, optional)
config(required) - Configuration objectshareId(string, required)projectId(string, required)eventId(string, required)websiteId(string, required)domain(string, required)type(string, optional) - Default: "ATTENDEE"widgetStyle(string, optional) - Default: "preview"
- Both widgets are self-contained and handle initialization/cleanup automatically
- Form field selectors for autofill are configured via Premagic API
- Widgets automatically re-initialize when navigating between pages