Omnikyo/Help Center
Reference

Section catalogue: content and landing sections

Content sections for text, media and layouts that work anywhere. Plus specialized sections for landing pages, cash-on-delivery orders and bundle offers.

বাংলায়: এখানে সব ধরনের কন্টেন্ট সেকশন আছে যা যেকোনো পেজে যোগ করা যায় — টেক্সট, ছবি, ভিডিও, ফর্ম এবং লেআউট। অফার পেজ এবং অর্ডার ফর্মের জন্য বিশেষ সেকশনও আছে।

Where to find it: When adding a section, these appear in the picker grouped by type — Content, Landing pages, or special sections for orders and offers.

Content sections

Add text, media, forms and custom layouts to any page — these work everywhere.

Section (canvas)

The blank canvas — a flexible frame for any blocks you add. Full layout control: width, height, background media/color/overlay, border, padding and more.

Key settings:

  • Width (page or full width)
  • Height (auto, small, medium, large, full screen, custom percent)
  • Background media (image or video) with position and aspect ratio
  • Background overlay (solid or gradient)
  • Border (style, thickness, color, radius)
  • Padding (all sides)

Text

Rich text with formatting — headings, paragraphs, emphasis, links and more. One text block is all you need for copy.

Key settings:

  • Width (fit or fill)
  • Maximum width (narrow, normal, none; when fill)
  • Alignment (left, centre, right; when fill)
  • Font, size, line height, letter spacing, case
  • Text color
  • Background color (optional) and corner radius
  • Padding

Image

A single image with optional link.

Key settings:

  • Image (pick from media library)
  • Link (optional URL)
  • Aspect ratio (auto, portrait 4:5, square, landscape 16:9)
  • Width (fit, fill, custom percent)
  • Mobile width
  • Height (fit or fill)
  • Border and corner radius
  • Padding

Video

Upload a video or embed from YouTube or Vimeo.

Key settings:

  • Source (uploaded, YouTube or Vimeo URL)
  • Autoplay (toggle) and loop (toggle)
  • Cover image (when not autoplay)
  • Aspect ratio
  • Width (percent of container)
  • Mobile width
  • Border and corner radius
  • Padding

Slideshow

Slides that scroll or fade — use it for image galleries or testimonial quotes.

Key settings:

  • Transition (slide or fade)
  • Media height (auto, small, medium, large)
  • Gap between slides
  • Pagination (dots, counter, or none)
  • Autoplay (toggle) and speed (in seconds)
  • Controls display (arrows, chevrons, large variants, or none)
  • Corner radius

Hero

Large banner image or video with text/buttons overlaid. Distinct from the Hero section used in store headers — this is for content areas.

Key settings:

  • Media type (image or video)
  • Image or video selection
  • Height
  • Media overlay color and style
  • Link the whole hero (optional)
  • Text and button placement
  • Padding

Media with text

Image or video beside a text column — stacks on mobile.

Key settings:

  • Media position (left or right)
  • Media width (1/3, 1/2, 7/12)
  • Media height (auto, 50vh, 60vh, 80vh, full screen)
  • Background color
  • Extend media to screen edge
  • Padding

Rich text presets

Pre-made content sections with common layouts: FAQ, testimonials, pull quote, contact form, email signup, icons with text, feature showcase, image comparison, large logo grid.

Key settings: (vary by preset; common: background color, padding, text color, alignment)

Group

A flex container for any blocks. Lets you group and arrange blocks with custom layout.

Key settings:

  • Layout (vertical or horizontal)
  • Alignment and positioning
  • Width and height
  • Gap between items
  • Background and border
  • Padding

Button

A clickable button with text and optional link.

Key settings:

  • Label ("Shop now" by default)
  • Link (URL)
  • Open in new tab
  • Style (Primary, Secondary, Link, Custom)
  • Custom colors (when style = Custom)
  • Padding

Spacer

Invisible padding block — use it to add vertical or horizontal space.

Key settings:

  • Unit (pixels or percent)
  • Size (0 to 400px or percent)
  • Custom mobile size

Marquee

Endless-scrolling text or icon strip.

Key settings:

  • Scroll direction (forward or reverse)
  • Background color
  • Gap between items
  • Padding

Custom HTML

A code block where you paste raw HTML, CSS or embedded content.

Landing page and cash-on-delivery sections

Specialized sections for collecting orders, displaying offers and building promotions — order form, offer selector, combo builder and trust signals.

Order form

The inline cash-on-delivery checkout — takes a customer's name, phone, address and payment method, then completes an order.

Key settings:

  • Heading and subheading
  • What the form sells (the selected offer, or cart contents)
  • Show offer tiers inside the form
  • Checkout fields (name, phone, address, custom fields; max 20) — each field can be text, phone, email, multi-line, dropdown, checkbox, or number
  • Delivery labels (inside-city and outside-city zone labels)
  • Payment methods (cash on delivery, bKash, Nagad, card; up to 4)
  • Show order summary, quantity stepper, consent checkbox
  • Submit button label and size
  • After submitting: confirmation page, inline message, or redirect to a URL
  • Form layout (stacked, split, card)
  • Look (classic or compact)
  • Padding

Offer selector

Displays tiered pricing — "buy 1 at Tk 500, buy 3 at Tk 1,200, buy 5 at Tk 1,800". Shoppers pick a tier; the Order form reads their choice.

Key settings:

  • Heading, subheading
  • Display style (cards, rows, compact)
  • Columns (1 to 4)
  • Mobile columns (1 or 2)
  • Show crossed-out price (toggle)
  • Show savings amount (toggle)
  • Show tier badges (toggle)
  • Look (classic or compact)

Combo builder

Lets customers build a bundle — "pick any 3 items, save 20%" or "spend Tk 3,000, save Tk 500 off". The discount is calculated at checkout.

Key settings:

  • Offer tiers (tier name, target item count or basket value, discount type and amount)
  • Eligible collections (which products can be added)
  • Minimum and maximum items per bundle
  • Allow multiples of the same item
  • Progress display (bar, steps, or none)
  • Show running savings (toggle)
  • Show deal prices (toggle)
  • Summary bar on phones (toggle)
  • Slot arrangement (grid or list)
  • Desktop and mobile columns
  • Eyebrow, heading, description copy
  • Add button label and messaging

Sticky CTA

A floating button or bar that sticks to the bottom of the viewport, showing the selected offer/price. Keeps your offer visible while the customer scrolls.

Key settings:

  • What to show (offer tier and price, or cart total)
  • Button style and label
  • Background and text color
  • Show savings (toggle)
  • Show the tally/counter

Stock bar

Displays low-stock or countdown urgency ("Only 5 left", "Expires in 2 hours").

Key settings:

  • Stock threshold (when to show)
  • Copy and label
  • Progress display (bar or text)
  • Color

Delivery info

Shows your inside-city and outside-city delivery charges and zones.

Key settings:

  • Heading and description
  • Inside-city label and charge
  • Outside-city label and charge
  • Estimated delivery time

Offer badge

A visual marker on a product or section (e.g., "Trending", "On sale", "Limited").

Key settings:

  • Badge label
  • Background and text color
  • Position

Trust badges (and benefits grid)

Icons or logos of trust signals (secure payment, certified, awards).

Key settings:

  • Badge image or icon
  • Label
  • Link (optional)

Comparison table

Side-by-side feature comparison of products or plans.

Key settings:

  • Headers (feature name + product columns)
  • Rows (feature name + check/cross/text per product)
  • Background color
  • Padding

Feature rows

Vertical list of features with icon + title + description.

Key settings:

  • Feature list (icon, heading, description per row)
  • Columns (1 to 4)
  • Gap between items
  • Background and text color

Product showcase

A picked product with large image and details, separate from the main product page.

Key settings:

  • Product (which product to display)
  • Media position (left or right)
  • Show variant picker, price, description
  • Show add-to-cart button

Image gallery

A grid of images from your media library.

Key settings:

  • Images (pick multiple)
  • Columns
  • Gap between images
  • Aspect ratio
  • Link each image (optional)

Product reviews

Display product reviews and ratings.

Key settings:

  • Product (which product's reviews to show)
  • Number of reviews to display
  • Sort order (newest, highest rated, most helpful)
  • Allow customer reviews (toggle)

Video

A single video embed or upload — simpler than the media-with-text variation.

Key settings:

  • Video source (upload or URL)
  • Autoplay and loop
  • Aspect ratio
  • Width

Other ways people ask this

  • content section section rakbo
  • landing page kivabe banabo
  • order form setup kore dibo
  • offer page setup
  • cash on delivery page
  • text section image add
  • video section
  • custom html section
  • spacer block
  • offer selector kothay
  • COD checkout page
  • order form customize
  • landing page builder
  • মিডিয়া সেকশন যোগ করুন
  • অফার পেজ কীভাবে তৈরি করব
  • অর্ডার ফর্ম সেটআপ
  • বিষয়বস্তু বিভাগ লেআউট
  • video embed section kivabe
  • combo builder kothay
  • sticky CTA add korbo

Related pages

Related guides

Checked against the product on 2026-10-02.