Add and Edit Elements

Elements are images, text, buttons, shapes, and other details that make up your page design.

Add elements to your page

To add an app block, check out App extensions

Types of elements

  • Quick add: Quickly find and add common elements like Heading, Text, Button, Image, etc.

  • Saved assets: View and use your saved design (both elements and sections). See how to save a design as an asset here.

Basic elements

Text

Add different text elements, including:

  • Heading

  • Paragraph

  • Display text

  • Text with shadow

✍️ Learn more:Text

Buttons

Add buttons to let visitors interact with your page, including

  • Solid button

  • Button with border

  • Rounded button

  • Button with icon

  • Button with underlined text

✍️ Learn more: Button

Media

Add 3 types of visuals:

Decorative

Decorate your page with Shapes and Dividers.

Promotions

Create and promote deals using a Countdown Timer and Marquee Text.

✍️ Learn more:

Countdown timer

Marquee text

Forms

Embed a Newsletter Subscribe Form or a Contact Form to collect subscriptions.

✍️ Learn more:

Newsletter form

Contact form

List

Add List Items, List Items with Icons, or Social Links.

✍️ Learn more: List items

Advanced elements

  • Layout: Embed a grid or a stack to organize elements more easily.

Cells and grids

  • Slideshow: Use pre-made slideshows for horizontal or vertical slides

  • Tabs and Collapsible: Display content in an accordion layout.

TabsCollapsible content

  • Testimonials and Press: Showcase social proof to build trust.

Testimonials

Shopify elements

  • Single product: Add product details and other product-related elements, including:

    • Product details - Learn more: Product details

    • Product media

    • Quantity input

    • Pries

    • Variants

    • Description

    • Add to cart

    • Dynamic checkout

    • Vendor

    • Type

    • Product meta

  • Products: Add a Product List, Favourite Products, or Related Products.

  • Collections: Add a collection display with featured images for Main Collection, Collection List, or Collection Tabs.

  • Blog posts: Create and add a stunning blog and attract traffic.

Delete an element from your page

You can delete an element you add to your site at any time.

Delete an element by mistake? If you delete an element by mistake, you can easily undo this by clicking the Undo icon in the top bar of the Editor.

See more: Undo & Redo

Last updated

Was this helpful?