Collect — Screen Designer

Location: PixCrowd Hub → select an event → Experience → Collect

PixCrowd Collect is the guest-facing page that opens when someone scans the event QR code or follows the event link. The Collect Screen Designer lets you arrange the appearance of this page for your event, including its imagery, text, buttons, and photo gallery.

Understanding the designer

The canvas shows a 9:16 portrait layout. That is the layout you design, and the preview beside it shows how your design adapts to different phone screens.

The designer toolbar includes these elements:

Element	Purpose
Hero	Display the event's featured image.
Name	Show the event name.
Subtitle	Show the event subtitle.
Date	Show the event date.
Location	Show the event location.
Buttons	Display the guest actions, such as Take a Photo and Upload Photo.
Gallery	Show recent event photos.
Shape	Add decorative shapes, such as lines or hearts.
Artwork	Add decorative artwork to the layout.

Some toolbar controls may be unavailable depending on the current selection or designer rules.

Work with layers

Select the Layers tab to see the items that make up your Collect page. Each layer has a name and may show supporting information, such as the date or location it displays.

Select a layer to work with that element.
Use the drag handles to rearrange layers where supported.
Open the ••• menu beside a layer for its available actions.
Scroll the layer list to see items that are not currently visible.

The Properties tab contains settings for the selected element. The available controls depend on which layer you select. Use Background to work with the page's background appearance.

Customize an element in Properties

Select an element on the canvas or in Layers, then open Properties. The example below describes the Name Properties panel, which controls how the event name appears on the Collect screen.

Control	What it does
Alignment	Align the name text Left, Centre, or Right within its element.
Vertical Align	Position the text at the Top, Middle, or Bottom of its element.
Size	Adjust the displayed text size using the slider and percentage value.
Style — Bold	Apply bold formatting to the name.
Style — Italic	Italicize the name.
Style — Underline	Underline the name.
Style — All Caps	Display the name in uppercase letters.
Anchor	Choose how the element is anchored when the layout adjusts to different screen heights. The example shows Automatic — top.
Bring Forward	Move the selected element forward in the stacking order.
Send Back	Move the selected element backward in the stacking order.
Lock	Lock the selected element to help prevent unintended edits.
Remove	Remove the selected element from the screen design.

Example: To center the event name, select the Name layer, open Properties, choose Centre under Alignment and Middle under Vertical Align, then adjust Size until the text fits comfortably.

Stacking order matters when elements overlap. Use Bring Forward or Send Back to control which appears in front. Lock an element after positioning it to avoid accidentally changing it while editing other layers.

Important: These controls are shown for the Name element. Other elements, such as images, buttons, shapes, or the gallery, may provide different properties. The screenshot does not establish the available options for those elements.

Customize the background

Open the Background tab in the right-hand panel to manage the image behind the Collect screen's other elements.

Background image: The image preview shows the artwork or texture used behind the entire Collect design. The preview is portrait-oriented to match the screen layout.
Upload/replace image: Use the upload icon above the image preview to choose a different background image.
Remove image: Use the trash icon to remove the current background image.
Image strength: Move the slider to adjust how strongly the background image appears. The screenshot shows 60%. Lower values make the image less prominent; higher values make it more visible.

The background sits behind the event name, hero, buttons, gallery, and decorative layers. Check the phone previews after changing it to make sure text remains readable and guest actions are easy to find.

Note: The screenshot shows only part of the scrollable Background panel. Additional options, if present below the visible area, are not covered here.

Arrange the page

The Collect canvas shows the hero image, event information, photo buttons, and gallery as parts of a single portrait composition. Arrange elements so guests can immediately recognize the event and find the photo actions.

Responsive layout: The dashed horizontal line on the canvas marks the point where a taller phone layout adds extra height. Elements keep their proportions across phones; the additional space is inserted at that line. To keep an element near an edge on taller screens, use its Anchor setting when available.

Preview different phones

The Preview panel displays the page on two phone aspect ratios:

9:16 — the base design ratio.
9:19.5 — a taller phone screen, illustrating how the page expands.

Choose Full size to inspect the preview more closely. Review both previews before finishing, especially the placement of the action buttons and gallery.

The PixCrowd gear and logo appear over the theme in the preview and cannot be moved in the designer.

What guests see

Guests open Collect through the event's standard link or QR code. Depending on the event's current state and settings, they can use the displayed photo actions and browse the gallery. The design controls the appearance of those elements; event availability, photo limits, and moderation are managed elsewhere in Hub.

Tips

Keep Take a Photo and Upload Photo easy to find.
Use the preview to check that names, dates, and decorations remain readable on both phone sizes.
Avoid placing important elements directly across the responsive expansion line unless that is intentional.
Use Event → Design to manage the event's overall theme and visual style, and Event → Settings to manage event details and behavior.

Design — Style, Hero, and Banner: Event-wide visual styling.
Settings — Overview: Event details, scheduling, and controls.
Photos: Review and manage event photos.
Moderation: Approve or reject submitted photos when moderation is enabled.