Components are the building elements of your landing page. Each component adds a specific type of content. Combine them to create the page you need.
Quick reference
| Component | Best for | Difficulty |
|---|---|---|
| Content | Text, headings, images, lists | Easy |
| Image Gallery | Photo collections, portfolios | Easy |
| Contact Details | Phone, email, address, vCard info | Easy |
| Social Profiles | Social media links | Easy |
| Videos | YouTube and Vimeo embeds | Easy |
| Audio | SoundCloud and Spotify embeds | Easy |
| Links | Buttons, clickable links, CTAs | Easy |
| Item List | Products, menus, services | Medium |
| Form | Collecting responses and leads | Medium |
| Files | Downloadable documents | Easy |
| Embed | Custom HTML and integrations | Advanced |
Content
The Content component adds formatted text to your page. Use it for introductions, descriptions, instructions, or any written content.
What you can add:
- Text paragraphs
- Headings (H1, H2, etc.)
- Images
- Bulleted lists
- Numbered lists
Best for: Welcome messages, product descriptions, instructions, event details, terms and conditions.
Related article: How to add a Content component
Image Gallery
The Image Gallery component displays multiple images in your choice of layout.
Layout options:
| Layout | Description |
|---|---|
| Grid | Uniform thumbnails in a 3-column grid |
| Staggered | Varied heights in a brick-like pattern |
| Carousel | Full-width images with navigation arrows |
Best for: Product photos, portfolios, event albums, property listings, before/after comparisons.
Related article: How to add an Image gallery
Contact Details
The Contact Details component displays structured contact information. Visitors can tap to call, email, or get directions.
Information you can include:
| Tab | Fields |
|---|---|
| Name | Title, First name, Last name |
| Company | Company name, Job title |
| Contact | Email, Mobile, Phone, Fax |
| Address | Street, City, State, Zip, Country |
| Additional | Website, Additional information |
Best for: Business cards, team profiles, service provider pages, event organizer info.
Related article: How to add Contact details
Social Profiles
The Social Profiles component adds links to your social media accounts with recognizable icons.
Layout options:
| Layout | Description |
|---|---|
| Icons only | Horizontal row of clickable icons |
| Icons with details | Vertical list showing platform names and URLs |
Supported platforms: Facebook, Instagram, X (Twitter), TikTok, YouTube, Pinterest, LinkedIn, Tumblr, Reddit, WhatsApp, Telegram, Messenger, Discord, Skype, GitHub, and custom websites.
Best for: Link-in-bio pages, personal branding, influencer profiles, business contact pages.
Related article: How to add Social profiles
Videos
The Videos component embeds video players from YouTube and Vimeo.
Supported platforms:
| Platform | Accepted URLs |
|---|---|
| YouTube | youtube.com/watch?v=..., youtu.be/... |
| Vimeo | vimeo.com/... |
Best for: Product demos, tutorials, testimonials, music videos, company introductions.
Related article: How to add Videos
Audio
The Audio component embeds audio players from SoundCloud and Spotify.
Supported platforms:
| Platform | Accepted URLs |
|---|---|
| SoundCloud | soundcloud.com/user/track |
| Spotify | open.spotify.com/track/..., open.spotify.com/playlist/... |
Best for: Music artist profiles, podcasts, DJ portfolios, audio samples, meditation content.
Related article: How to add Audio
Links
The Links component adds clickable buttons and text links to your page.
Settings for each link:
| Setting | What it does |
|---|---|
| URL | Where the link goes |
| Link text | Text displayed on the button |
| Icon image | Optional icon next to the link |
| Description | Optional text below the link |
| Open in new tab | Opens in a new browser tab |
| Auto redirect | Automatically redirects (for single-link pages) |
Best for: Link-in-bio pages, resource collections, call-to-action buttons, navigation links.
Related article: How to add Links
Item List
The Item List component displays collections of items like products, menu items, or services.
Layout options:
| Layout | Description |
|---|---|
| Single Column | Full-width vertical cards |
| Two-Column Grid | Items in a 2-column grid |
| Horizontal List | Image left, text right |
| Carousel | Single item with navigation |
Settings for each item:
| Setting | What it does | Limit |
|---|---|---|
| Images | Item photos | Multiple allowed |
| Title | Item name | 100 characters |
| Description | Item details | 500 characters |
| Custom note | Price or label | 60 characters |
| Availability | Show as available or unavailable | Toggle |
| Link | URL to more info or purchase | Optional |
Best for: Restaurant menus, product catalogs, service offerings, portfolio items, event listings.
Related article: How to add an Item list
Form
The Form component collects information from visitors. Choose between FreeQR's native forms or embed a Google Form.
Platform options:
| Platform | Description |
|---|---|
| FreeQR | Native forms with responses in your dashboard |
| Google Forms | Embed an existing Google Form |
FreeQR form field types:
- Text (single line)
- Paragraph (multiple lines)
- Single Choice (radio buttons)
Best for: Contact forms, registrations, feedback collection, lead generation, surveys.
Related article: How to add a Form
Files
The Files component lets visitors download documents and files.
Best for: PDF downloads, digital products, press kits, printable materials, guides and brochures.
Related article: How to add Files
Embed (Custom Code)
The Embed component adds custom HTML, CSS, and JavaScript to your page. Use it for advanced customization or third-party integrations.
Requirements:
- Code must start with
<div> - Do not use
<html>or<body>tags - Maximum 65,535 characters
Best for: Custom buttons, third-party widgets, tracking pixels, custom layouts, social embeds not covered by other components.
Related article: How to add Embedded code
Adding components to your page
- Go to your Dashboard, select your QR code, and click Edit
- Click Add component at the bottom of the editor panel
- Select the component type you want
- Configure the component settings
- Click Save
You can add multiple components of the same type. For example, add two Content components for different sections of text.
Reordering and managing components
| Action | How to do it |
|---|---|
| Reorder | Drag the handle on the left, or use up/down arrows |
| Delete | Click the trash icon in the top right |
| Hide temporarily | Set Status to Inactive |
| Expand/collapse | Click the collapse icon at bottom left |
Comments
0 comments
Please sign in to leave a comment.