Add a Video to the Guest or Account Page

Brands using Direct Ordering can add promotional or instructional videos to their Guest or Account pages. This article walks you through the process, including video requirements, hosting instructions, and how to embed the video in your site using the Direct Ordering UI (DOUI).

Step 1: Prepare Your Video

File Types Supported:

• .mp4 (recommended)

• .mov

Video Size Guidelines:

Maximum File Size:

• 20MB

Video Design Guidelines:

• Avoid placing text in the video — it may be cropped on smaller screens.

• If using text:

  • Keep it minimal (a title or a few keywords).

  • Center the text both horizontally and vertically.

  • Place key content in the central 70–80% of the screen to ensure it remains visible across all devices.

Step 2: Host Your Video Online

We recommend using Dropbox for ease of embedding.

1. Go to www.dropbox.com and log in.

2. Upload your video file. Learn how to upload a file in Dropbox here.

3. After the upload, click the Copy Link to get the link for the newly uploaded video.

   

4. You'll get a link like: https://www.dropbox.com/scl/fi/abc123xyz456/YourVideo.mp4?dl=0

Step 3: Create an Embeddable Link

To make the Dropbox link embeddable:

1. Replace www.dropbox.com with dl.dropboxusercontent.com

2. Remove ?dl=0 or &dl=0 from the end

Example:

• Original Link: https://www.dropbox.com/scl/fi/abc123xyz456/YourVideo.mp4?rlkey=abcdefg123456&dl=0

• Embeddable Link: https://dl.dropboxusercontent.com/scl/fi/abc123xyz456/YourVideo.mp4?rlkey=abcdefg123456

Note: You may use other hosting platforms as long as you can generate a public, embeddable link to an .mp4 file.

Step 4: Embed the Video in the Guest or Account Page

Follow the steps below to add the video to the page: