How do I build a landing page with drag & drop?

Go to Admin › Online store › Pages & blog › Landing pages and press Custom Design (Drag & Drop). The builder opens with a ready starter page. Change the words and pictures, drag in the blocks you need, pick your product for the order form, and press Save.

Where to find it

Admin › Online store › Pages & blog › Landing pages › Custom Design (Drag & Drop) (অনলাইন স্টোর › পেজ ও ব্লগ). The store owner always sees it. A staff member needs the Website pages & content tick and Products & stock (Admin and Manager have both).

Step by step

1. Press Custom Design (Drag & Drop). A starter page opens: a notice bar, a top section, a benefits list, 3 features, a price box, questions and an order form.
2. Write the page title in the top bar, for example "Winter offer — blankets".
3. Click any text on the page and type to change it. Click a picture to choose your own.
4. Drag more blocks from the panel on the right onto the page. They come in three groups:
   • Basic: Heading, Sub heading, Title + description, Text, Image, Button, Video, Embed code, Link, Divider, Space.
   • Layout: Section, 2 columns, 3 columns, Image + text.
   • Sales sections: Order form, Hero (top), Banner with photo, Notice bar, Benefits list, 3 features, Price & offer, Review photos, Questions (FAQ), Call & WhatsApp.
5. To change a block's settings, select it and press ⚙. For colours and sizes, press 🖌.
6. Pick the product: type its name or ID in Add a product at the top and choose it. It goes into the selected order form (or the first empty one).
7. Check the page with the Computer, Tablet and Mobile buttons at the top (most visitors use phones), and Preview to see it without the tools.
8. Press the ⚙ Page address button to set the short address and the Share text shown under the link on Facebook and WhatsApp.
9. Keep Live ticked to show the page to visitors, then press Save (or Ctrl+S). After saving, View page opens it.

Good to know

• The order form's heading and button text can be changed in its ⚙ settings.
• Call & WhatsApp uses the Site Phone from Store design › General settings.
• Video takes a YouTube link; Embed code takes code such as a Facebook video or a Google map.
• Undo and Redo are at the top. The builder warns you before you leave with unsaved changes.
• A new page counts against your package's landing page limit (no limit during the free trial).

Common problems

• "Write a page title first". The title box at the top is empty. Fill it and save again.
• The order form says "Pick a product". Search the product in Add a product and choose it, then save.
• The address is refused. Another landing page or a part of the shop already uses it. Choose another one.

Related

• What are landing pages and when should I use one?
• How do I start a landing page from a ready template?
• How do I link a product and order form to a landing page?
• How do I switch a landing page off or delete it?