Overview
You can add an image or video to each package on your Order Page. On desktop, package cards come in three sizes: small, medium and large. On mobile, every card shows at the small size.
Your whole image is shown on every card size, so text on the image won’t be cut off.
Understanding image thumbnails
Upload a widescreen 16:9 image. 1280 x 720 pixels is a good size.
Small cards and mobile: the image fills the card.
Medium and large cards: the image is centered and scaled to fit, with a softly blurred copy of the same image filling the space on each side.
Images that aren’t 16:9 also show the blurred fill on small cards.
Because the image is scaled down on wider cards, keep any text large and away from the very edges.
Understanding video thumbnails
You can add a YouTube or Vimeo link to a package to show a video instead of an image. Videos display differently from images:
Desktop: the video fills the full width of the card, and the bottom is cut off. A large card shows about the top third of the video, a medium card about half, and a small card all of it.
Mobile: the whole video frame shows.
Make your video 16:9 and keep the important footage, text and logos near the top center of the frame.
Looping:
Vimeo: turn on Loop in Vimeo’s player settings so the video repeats.
YouTube: YouTube links don’t loop. To keep the thumbnail playing, repeat your 15–30 second clip on your editing timeline until the video is 3–5 minutes long.
Before uploading:
Export the video without audio.
Export at 1080p or 720p.
Paste the video’s public share link into the package’s video URL field.
Notes
The label you set on a package, such as “Best Of The Best”, appears in the top-left corner over the image or video. Keep important content away from that corner.
If your image is already close to the card’s shape, it fills the card and the edges may be trimmed slightly.
Images in the View More package pop-up, the service info pop-up, and the order-page selection cards are still cropped to fill. Keep important content toward the center.