Video Section and Image Gallery

Tip: In this guide, you will add a video section and image gallery for cases, factory photos, product details, and promotional content. Estimated time: 5 minutes.

Video sections work well for promotional videos, factory introductions, and product demos. Image galleries work well for product images, cases, certificates, and site photos.

Prepare media and keep gallery image sizes consistent

Do not place empty modules when you do not have clear images or video. Finish the page with text and product content first, then add galleries and videos when material is ready.

Before uploading gallery images, read Image Guidelines. Images with similar ratios make galleries look cleaner.

Find the page first

Path: AllinCMS Workspace site list → Target site → Enter Admin → Themes → Current theme pages → Home or target page

1Enter the target site adminFind the site you want to edit and click Enter Admin

2Open Themes and click PagesClick Pages on the card for the active theme

3Find Home or the target pageFind Home or the page you want to edit in the current theme

Where to Use Them

Module	Good pages	First-round suggestion
Video Section	Home, About, product detail, Cases	Prepare a YouTube video URL first
Image Gallery	Cases, About, factory, certificates, product detail	Start with 6 to 12 clear images

1. Add a Video Section

There are two ways to add a video module:

• Enter this AI instruction: Add a video module
• Find Media -> Video Section in the module library and drag it onto the page

After adding it, choose Split in the right-side settings to create a side-by-side video and text layout.

The current video module only supports YouTube links. Do not use the old workflow of uploading a local video file or selecting a video from the media library.

Set the video link in this order:

1. Select the video area on the page.
2. Switch to URL at the top of the dialog.
3. Keep the type as Video, paste the YouTube link, wait for the preview, then click Confirm.

Good uses:

• Video on the left, introduction text on the right.
• Selling points on the left, product demo video on the right.
• Home page, About page, or product detail sections.

Add text next to the video

Do not show only a video. Add 2 to 3 sentences explaining what the video shows and why visitors should watch it.

2. Add an Image Gallery

There are two ways to add an image gallery:

• Enter this AI instruction: Add an image gallery module
• Find Media -> Image Gallery in the module library and drag it onto the page

Common gallery settings:

Setting	Purpose
Images per row	Controls how many images appear in one row
Image crop mode	Controls whether images fill the frame or show fully
Link target	Opens a page when an image is clicked
Title / description	Shows or hides image text

First-round suggestions:

• Start with 6 to 12 clear images.
• Keep image ratios consistent within the same gallery.
• Add a simple title or description when helpful.
• If images are mixed, split them into multiple galleries.

3. Pre-Launch Checks

Before publishing, check:

• The video uses a YouTube link.
• The link previews and plays correctly after pasting.
• Mobile layout stacks video and text properly.
• Images are clear and not over-cropped.
• Image links open the correct pages.
• Titles and descriptions are hidden if they make the page crowded.

Pitfalls

Mistake	Result	How to avoid it
Uploading a local video or using a non-YouTube link	The video may not preview or play	Switch to URL and use a YouTube video link
Image ratios are inconsistent	Gallery looks messy	Use consistent image sizes or crop mode
Adding modules without media	Page looks empty	Add modules after real material is ready
Mobile not checked	Mobile layout may break	Preview on a phone before publishing

Next

Image Guidelines - if image display is unstable, check image size and cropping first.