Getting started
M
By Anila, Anenth and 2 others
M
By Anila, Anenth and 2 others
How to upload attendee data in your Premagic Account?
Premagic provides an option to upload all the list of attendees before hand so that the registration link can be sent to them on their provided contact information. Here is how you can upload the data: 1. Step 1:Â login to your premagic account on the web application - app.premagic.com 2. Step 2:Â From the left navigation bar - click on "Events" --> Select the event that you want to upload the data for 3. Step 3:Â Go to "Attendees"Tab On the attendees tab you can do individual attendee upload as well as bulk uplod. Add attendee information individually: Click on "+ People" button that opens up the side window to enter attendee details. Bulk Upload/ Update the attendee information: **: Click on the 3 dots beside "+ People" button ** :Click on "Import/ Update List" : Premagic lets you bulk upload as well as bulk update the exisiting data. You can download the sample template and then upload the csv file on the same page For further queries, please reach out to our support at support@premagic.com.
How to generate QR Code for guest gallery
Premagic lets you generate QR Code files for your guest gallery link as well. 1. Login to your Premagic account using web application - app.premagic.com 2. Go to the Events page and select the concerned event. If the event has not been created, you can create the event using "Add Event" button on Events page - top right corner On the Event page, go to photos tab >> Click on "PRINT QR CODE". Please ensure that the AI Photo delivery is turned on, if not done already. It can be turned on from the same page. Clicking on "PRINT QR CODE" will take you to a new page. All you have to do is - add "?url=" towards the end of the url and click enter to refresh the QR Code. You can get the guest gallery link from photos tab. For further queries, reach out to your dedicated AM or write to us at support@premagic.com.
How to generate a QR code for your event.
Premagic makes your life easier with organizing the event. Stop worrying about how to share pictures with the end user. Instead use our AI feature, where we deliver face matched pictures to your user. All you have to do is set up QR codes at the event, where the end user can scan and register themselves with the help of a selfie. Before we go into the details, please note that QR code can be only downloaded if AI has been enabled. Refer to this link to learn how to enable AI. This is how you can generate your QR code: 1. Getting the QR Link Log in to www.app.premagic.com -> Events -> open the event -> 'Photos' tab -> on the right hand side you'll find an option to 'Print QR code' and to 'open registration link'. Click on print QR code. 2. Customizing QR Code a. Logo On the right hand side you can find options to add your company/event logo. If you click on custom logo, it gives you option to add **two logos. ** b. Preset Designs We also have different design options to choose. The designs that have the multicolor circles on the top left have the options of customizing colors. To get these options click on "change" under the preset option. c. Custom Colors for Design Preset: You can also choose your branding colors depending on which the design for the QR code will look. d. We also have different dimensions for the QR installation: 3. Downloading QR Code Once you are done customizing, click on download. By default, the QR code gets downloaded as PDF. But, you also have an option to download as image. Click on the three dots next to the download button. You can also just download the QR code without the design. If you need SVG format, click on SVG. Once you've selected, click on download. Hope this article was of help! Read the what happens after scanning the QR code for the next steps.
Widget Troubleshooting Guide
Uncaught Error: Widget didn't find LoaderObject for instance premagic. The loading script was either modified, no call to 'init' method was done or there is conflicting object defined in `window.premagic`. What This Means This error occurs when the Premagic widget's main script loads but cannot find the expected loader setup on the page. The widget uses a two-part loading system: 1. Part 1: A small inline script that creates a queue for early calls 2. Part 2: The main widget script that processes the queue and initializes When Part 2 loads but can't find Part 1's setup, this error is thrown. Troubleshooting Steps Step 1: Verify the Complete Embed Code The widget requires both scripts to be present on the page: ✅ Correct Implementation <!-- Part 1: Inline loader script (must come first) --> <script> (function(w, d, s, o, f, js, fjs) { w[o] = w[o] || function() { (w[o].q = w[o].q || []).push(arguments); }; (js = d.createElement(s)), (fjs = d.getElementsByTagName(s)[0]); js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs); })(window, document, 'script', 'premagic', 'https://your-cdn.com/premagic-poster-widget.js'); \ premagic('init', { eventId: 'YOUR_EVENT_ID', // ... other config }); </script> <!-- Part 2: Main widget container --> <div id="widget-premagic"></div> ❌ Common Mistake: Only Main Script <!-- Missing the inline loader! --> <script src="https://your-cdn.com/premagic-poster-widget.js"></script> <div id="widget-premagic"></div> Solution: Ensure the customer is using the complete embed code provided in their account dashboard. Step 2: Check for Missing 'init' Call The widget must have at least one init call before or immediately after the script loads. ✅ Correct: Init Call Present <script> // ... loader code ... premagic('init', { eventId: 'abc123', projectId: 'xyz789' }); </script> ❌ Incorrect: No Init Call <script> // ... loader code ... // Missing: premagic('init', {...}); </script> Solution: Add the init call with proper configuration. Step 3: Check for Naming Conflicts Another script on the page might be using window.premagic for something else. Diagnostic Command Ask the customer to open their browser console and run: console.log(window.premagic); console.log(window.premagic?.q); Expected Output // Before widget loads: function() { ... } // Queue function [['init', {...}]] // Array with init call // After widget loads: function(method, ...args) { ... } // Real widget function Problem Output // If something else defined it: { someOtherProperty: 'value' } // Wrong type! undefined // .q doesn't exist Solution: - Remove conflicting scripts - Use a custom instance name if needed (advanced) Step 4: Check for Script Blocking The inline script might be blocked by: 1. Ad Blockers - Ask customer to disable ad blockers temporarily - Check if script loads with ad blocker off 2. Content Security Policy (CSP) - Check browser console for CSP errors - Verify script-src allows inline scripts - Required CSP directives: script-src 'unsafe-inline' 'self' https://your-cdn.com; 3. Browser Extensions - Try in incognito/private mode - Disable browser extensions one by one Solution: Update CSP headers or whitelist the widget domain. Step 5: Verify Load Order The scripts must load in this order: 1. ✅ Inline loader script 2. ✅ premagic('init', ...) call 3. ✅ Main widget script loads (async) 4. ✅ Widget initializes Common Load Order Issues ❌ Init called after main script loads: <script src="widget.js" async></script> <!-- Later in page --> <script> premagic('init', {...}); // Might be too late! </script> ✅ Correct: Init in same block as loader: <script> // Loader code premagic('init', {...}); // Queued before main script loads </script> <script src="widget.js" async></script> Quick Diagnostic Checklist Send this checklist to customers: - [ ] Both inline loader AND main script are present - [ ] premagic('init', {...}) is called with valid config - [ ] No ad blockers are running - [ ] No CSP errors in browser console - [ ] No other scripts use window.premagic - [ ] Widget container exists: <div id="widget-premagic"></div> - [ ] Tested in incognito mode (no extensions) Advanced Solutions Using Custom Instance Names If there's a naming conflict, customers can use a custom instance name: <script> (function(w, d, s, o, f, js, fjs) { w[o] = w[o] || function() { (w[o].q = w[o].q || []).push(arguments); }; // ... loader code ... })(window, document, 'script', 'myCustomWidget', 'https://...'); \ myCustomWidget('init', {...}); // Use custom name </script> Debugging with Console // Check if loader is set up console.log('Loader exists:', typeof window.premagic === 'function'); console.log('Queue exists:', Array.isArray(window.premagic?.q)); console.log('Queue contents:', window.premagic?.q); // Check if widget loaded console.log('Widget loaded:', window['loaded-premagic']); Common Questions Q: Can we load the script dynamically via JavaScript? A: Yes, but ensure the loader is created first: // Create loader first window.premagic = window.premagic || function() { (window.premagic.q = window.premagic.q || []).push(arguments); }; // Call init premagic('init', { eventId: 'abc123' }); // Load main script const script = document.createElement('script'); script.src = 'https://your-cdn.com/premagic-poster-widget.js'; script.async = true; document.head.appendChild(script); Q: Can we use multiple widgets on the same page? A: Yes, use different instance names for each widget (see Advanced Solutions above). Q: Does this work with React/Vue/Angular? A: Yes, but ensure the loader script runs before component mount. Use useEffect (React) or lifecycle hooks to initialize. Getting More Help If none of these solutions work: 1. Check browser console for additional error messages 2. Capture network tab showing script loading 3. Share the page URL (or HTML source) for debugging 4. Contact support with: - Browser/OS version - Console error screenshot - Network tab screenshot - Embed code being used
How to add sponsors and watermark to your event!
On Premagic, we give you an option to add sponsors and logos as watermark. Log into app.premagic.com , head over to events, choose the event you want to add sponsors to. Under the event, you'll find a tab called sponsors, click on that. In this Article we will cover the following topics: 1. How to add a sponsor 2. How to add a sponsor Image/Video to the gallery 3. How to add a footer creative 4. How to add a watermark 5. How to add a watermark on Folder Level 1. How to add a sponsor Click on "+ Sponsor" , give the sponsor name and select a category for the sponsor, you can also name the category - for instance: platinum, gold, silver. Once you've selected the category, click on add. You can add more than one sponsors to your event. Kindly note that the created categories will be global, which means any category that is created for a certain event will be available to be used in any other project. 2. How to add a sponsor Image/Video to the gallery You also have an option to add sponsor gallery in between photos, all you have to do is click on "+Add gallery, In between photos Creative" .This option allows you to add a sponsor image/video to your guest gallery, it will show up in between your existing images. After you enter the below details, click on add: - Sponsor: The dropdown for sponsor will only have the names of the sponsors you've already added. - Name: You can give anything that helps you identify the creative when you look at the sponsors report. - Creative Type: We have two options - Image/Video. Once you've selected this you can upload the file at Creative File. - Size: You can choose the size of the image/video that you want to it to be seen in the folder layout - Call-To-Action Link: Please enter a link to whatever call-to-action you choose. It can be contact us, apply now. Please enter a relevant link - Call-To-Action Button Text: From the drop down choose a relevant text. Ex. Contact us. What it would look like: When you click on the image/video, it will open the sponsor image/video along with the action button you choose. When you click on the button it will open the link that you have entered in the form. 3. How to add a footer creative In this section you can add a footer creative. Please fill in the below details: - Sponsor: The dropdown for sponsor will only have the names of the sponsors you've already added. - Name: You can give anything that helps you identify the creative when you look at the sponsors report. - Creative Type: We have two options - Image/Video. Once you've selected this you can upload the file at Creative File. - Size: You can choose the size of the image/video that you want to it to be seen in the folder layout - Call-To-Action Link: Please enter a link to whatever call-to-action you choose. It can be contact us, apply now. Please enter a relevant link You'll find the image/video in the footer of the gallery. When anyone clicks on the image/video it will redirect the page to the link you have mentioned. 4. How to add a watermark Click on Project watermark settings -> Enable Signature album -> click on "+Add Watermark" ->Click on select a file Once you choose a file, you save it. You will see options to adjust the placement and opacity of the watermark. After you’re done selecting, click on add. You can also add padding to watermark Vertical: This signifies the distance in the watermark from top and bottom Horizontal: This signifies the distance in the watermark from left and right    5. How to add a watermark on Folder Level This feature will allow you to choose a different sponsor and watermark for each folder.  All you have to do is choose the sponsor and which folder. Please choose a file you would like to upload and click on add. Hope you found this article helpful!Â
Everything about Registration Widget
Overview The Premagic Registration Widget is one of the most effective ways to increase participation in your advocacy campaigns. By placing the widget directly within the attendee registration journey, attendees can generate and share their personalized event posters immediately after registering. This helps maximize engagement while event excitement is at its highest and significantly improves overall campaign performance. What is the Registration Widget? The Registration Widget is a lightweight component that can be embedded into your registration flow. Once attendees complete their registration, they are presented with the option to: - Generate their personalized event poster - Share their attendance on social media - Invite their network to learn more about the event - Drive referrals back to the event registration page The experience takes only a few seconds and provides an immediate opportunity for attendees to become advocates for your event. Why Should You Implement the Widget? The moment immediately after registration is when attendees are most engaged with your event. Without the widget, attendees must discover the poster later through email campaigns or other communications, which can result in lower participation. With the widget implemented: - More attendees generate posters - More attendees share on social media - Advocacy rates increase - Referral traffic increases - Campaign visibility improves For many events, implementing the widget is the single biggest factor influencing advocacy participation. Expected Performance Impact While results vary by event type and audience, events that implement the widget typically see significantly stronger participation rates. Typical benchmarks: For events with an active audience and regular campaign pushes, advocacy rates of approximately 30% are common. Recommended Placement Options 1. Registration Success Page (Recommended) This is the most effective placement. Attendees see the poster-sharing experience immediately after completing registration, resulting in the highest participation rates. 2. Registration Confirmation Email The widget can also be included within confirmation emails, allowing attendees to access their posters later. We have an widget code specific for emails. 3. Event App For events with dedicated mobile applications, the widget can be added as part of the attendee experience closer to the event date. 4. Attendee Portal or Event Hub The widget can be embedded within attendee dashboards or event websites to provide ongoing access throughout the event lifecycle. Frequently Asked Questions Does the widget affect registration completion? No. The widget appears only after registration has been successfully completed and does not interfere with the registration process. Can the widget be customized? Yes. The poster experience can be customized to match your event branding, design guidelines. How long does implementation take? It's a simple copy paste of the script. Setting up should take less than a day. Can we run campaigns without the widget? Yes. Campaigns can still be run through email and other channels. However, participation rates and overall campaign performance are typically lower without widget implementation. Do attendees need to register again? No. The widget is simply an engagement layer added after registration and does not require attendees to complete a second registration process. Summary The Registration Widget is the most effective way to increase advocacy participation and social sharing. By integrating it directly into the attendee journey, event organizers can improve campaign visibility, increase referral traffic, and generate greater reach through attendee, speaker, and sponsor advocacy.
How AI Photo Distribution Works
Overview Premagic uses AI-powered facial recognition to automatically identify attendees in event photos and deliver their personalized galleries directly to them. Instead of manually searching through thousands of event photos, attendees simply register with a selfie. Once event photos are uploaded, Premagic automatically identifies attendees in the photo set and sends them a link to their personalized gallery. How It Works The photo distribution process consists of four simple steps: 1. Attendee registration 2. Upload a selfie 3. Photo upload 4. AI-powered matching and delivery Step 1: Attendee Registration Attendees are invited to register through a Premagic registration page or we import the attendee data. During registration, attendees provide: - Name - Email address - Phone number (optional, depending on event setup) - A selfie The selfie is used solely for photo matching purposes. Step 2: Upload a Selfie Once the attendee uploads their selfie, Premagic creates a facial recognition profile that is used to identify them in event photos. For the best matching results, attendees should upload a clear photo with their face fully visible. Step 3: Event Photos Are Uploaded After the event, organizers or photographers upload event photos to Premagic. Photos can be uploaded through: - Premagic Desktop App - Google Drive - Drop box We recommend uploading photos while the event is happening. If that is not possible, then soon after the event to maximize attendee engagement while the event experience is still fresh. Step 4: AI Matches Attendees to Their Photos Once event photos are uploaded, Premagic scans the images and compares them against the registered selfies. If a match is found: - A personalized gallery is automatically created - The attendee receives a notification - The attendee can view, download, and share their photos No manual searching is required. How Attendees Receive Their Photos When photos containing an attendee are identified, they may receive: - Email notification - WhatsApp notification (if enabled for the event) The notification contains a link to their personalized gallery. What Is a Personalized Gallery? A personalized gallery contains only the photos in which the attendee appears. This allows attendees to quickly access their own photos without searching through the full event gallery. Attendees can: - View photos - Download photos - Share photos - Access their gallery from any device Why Didn't I Receive a Gallery? A gallery link is only sent when a photo containing you is found in the uploaded photo set. If you have not received a gallery, it could mean: - There are no photos of you in the uploaded set - Event photos have not been uploaded yet - Photo processing is still underway - You have not completed registration with a selfie Do Attendees Need to Register Again? No. Attendees only need to register once. After registration, they are automatically enrolled for photo distribution and will be notified whenever matching photos are found. Best Practices for Event Organizers To maximize attendee engagement, we recommend: - Encouraging attendees to complete registration before the event - Uploading photos as soon as possible after the event - Uploading the complete photo set rather than selected images - Sending reminders to attendees to complete their profile and selfie registration Best Practice For the highest engagement, we recommend uploading event photos within 7 days of the event. Attendees are significantly more likely to view, download, and share their photos while the event experience is still fresh. Frequently Asked Questions How long does registration take? Most attendees complete registration and selfie upload in less than a minute. Can attendees view all event photos? This depends on the event configuration. Attendees are directed to their personalized gallery containing only the photos in which they appear. The organiser has the option to make folders public, which will then show up in the attendee gallery too. Will attendees receive a gallery if there are no photos of them? No. Personalized galleries are only generated when matching photos are identified. Can attendees download their photos? Yes. Attendees can view and download their matched photos directly from their gallery. How long are galleries available? For one year after the event. Summary Premagic's AI-powered photo distribution helps attendees receive their event photos automatically without searching through large galleries. By registering with a selfie, attendees can be matched to event photos and receive personalized galleries as soon as photos are uploaded and processed.
How to Make a Folder Public in Your Event Gallery
Overview: You can make any folder (or multiple folders) visible to all event attendees by enabling "Show in Gallery." Once enabled, those photos become part of the public gallery — visible to everyone at the event, even guests who don't appear in the photos themselves. This can be toggled off at any time. Steps: 1. Open your web browser and log in to Premagic at app.premagic.com. 2. Go to the relevant event. 3. Click the Photos tab. 4. Click Edit Album. 5. You'll see a list of all folders in that album. 6. For each folder you want to publish, click Show in Gallery. 7. The folder is now part of the public gallery and visible to all attendees in their respective galleries To make a folder private again: Click Hide from Gallery again on that same folder — it will toggle off and be removed from the public gallery. Note: Repeat step 6 for as many folders as you'd like to make public.
How to Create an Event
This article walks you through creating a new event from your dashboard, from starting a blank event to seeing it ready for setup Step 1: Go to the Events tab From the top navigation bar, click “Events.” This takes you to your Events list, where all your existing events are shown. 1. Click the blue “Add Event” button in the top-right corner of the Events page. Step 2: Fill in your event details The Add Event form opens. Fill in the following details: • Event Name (required): give your event a clear name. This will be used in the URLs for the landing pages. • Event Type: choose from Corporate, Conference, Trade Show, Webinar, Awards Ceremony, Membership Event, Internal Event, Leadership Event, or Product Launch. Click “+ Add Type” if none of these fit. • Event Start & End Dates: set the date and time range, and confirm the timezone (click “Change” if it needs adjusting). • Participant Count: enter the number of Attendees (required), plus Speakers, Sponsors, and Exhibitors if applicable. This helps power event insights. • Event Website (optional): paste your event URL to auto-fill details, or add them manually using “+ About Event,” “+ Venue Address,” and “+ Event Hashtags.” Once everything looks right, click “Add Event” at the bottom of the form to save. Step 3: Your event is created You'll land on your new event's Info page, showing the details you just entered. From here, use the left-hand menu to continue setting up your event: • Content: Info, Campaigns, Avatars, Photos, Sessions • People: Attendees, Companies, Sponsors • Admin: Insight, Messages, Import history, Settings For example, head to the Campaigns tab to set up your event poster campaigns. Need help? Reach out to your customer success manager or contact support.
How to Set Up Campaigns
Campaigns turn your attendees, speakers, and sponsors into promoters by giving them a personalized poster and caption to share on social media. This article walks you through setting one up. Step 1: Open your event 1. Go to the “Events” tab in the top navigation bar. 2. Find the event you want to set up a campaign for, and click “View Details." or click on the event. Step 2: Go to Campaigns 3. In the left-hand menu, click “Campaigns.” 4. Click “Get started” to begin creating your first campaign. Step 3: Choose a design Pick a design to start from: • Start with your own design: build a poster from scratch. • Preset templates: ready-made designs like “I'm Attending” or “I'm Speaking” that you can customize. Step 4: Choose who it's for If you chose “Start with your own design,” you'll be asked who the poster is for. Select a category from the dropdown, such as Attendee, Crew, Host, Organizer, Speaker, Sponsor, Partner, Volunteer, Delegate, or Media. Step 5: Design your poster You'll land in the poster editor: • Upload a background image, or use the preset background. • Arrange and edit widgets (Avatar, User name, User role, User company) using the Layers panel on the left and the properties panel on the right. • Set the Event URL before you finish. It's flagged if missing, and it's what allows referral clicks from shared posters to be tracked back to your event. Step 6: Review and deploy Back on the Campaigns page, you'll see your new campaign (e.g., “Attendee”) with the creative you just built. • The creative is flagged “No URL” until the Event URL is added. • Edit the headline text (e.g., “Let Your Network Know You're Attending!”) using “Edit.” • Under Social share message, AI-written messages are on by default, generating a unique caption per attendee to reduce duplicates. Turn this off if you'd rather write a single fixed message, and use “Add message” or “Edit message” to manage the text. ( see How to set up Captions) 5. Click “Deploy” to view different Deployment methods Step 7: Add more campaigns To set up a campaign for a different category (for example, Speaker or Sponsor), click “Create campaign” again and repeat the steps above. Need help? Reach out to your customer success manager or contact support
How to Set Up Captions for a Campaign
Every campaign includes a social share message, the caption that goes out alongside the poster when someone shares it. This article shows you how to edit that caption. Step 1: Go to Social share message 1. Open your event, go to “Campaigns,” and select the campaign you want to edit (e.g., Attendee). 2. Scroll to the “Social share message” section. • “AI-written messages” is on by default. When enabled, each attendee gets a unique, personalized caption based on the event URL that is set at the time of setting up the event. Toggle the AI off to set the Manual Captions. • Click “Add message” to create a new caption, or “Edit message” next to an existing one. Step 2: Edit the caption The message editor opens with your caption on the left and a live preview of how it will look on LinkedIn on the right. • Message: write or edit the caption text. • Use “+ Event URL” and “@ Company” to insert those details directly into the message. • If a hashtag appears both in your message text and in the Hashtags field below, you'll see a warning that it will show up twice. Use “Move hashtags to the Hashtags field” to fix this automatically. • Text before the link: the text that appears just before the event link (e.g., “Register here”). (see “How to Set Up Campaigns”). • Event URL: this is pulled from the URL set on the poster editor. If it's blank, add it there first (see “How to Set Up Campaigns”). • Hashtags: add, remove, or accept suggested hashtags for the post. • Applicable for (required): choose which audience type(s), such as Attendee, this message applies to. Step 3: Save 3. Check the preview panel to confirm the caption looks right. 4. Click “Save” to apply your changes, or “Delete message” to remove this caption entirely. Need help? Reach out to your customer success manager or contact support.
How to Download an Existing Poster from the Dashboard
Follow these steps to download a existing poster from the dashboard: 1. Click Edit Poster for the poster you would like to download. 2. Select the Background widget, then click Change. 3. You'll find a Download option next to the background image. 4. Click Download to save the image to your device.