We're constantly trying to improve your support experience, and your feedback is extremely valuable to us.

Please take a moment to tell us about your experience today.
Sign up for future Help Center user research studies.

Home sections for Brooklyn

Brooklyn includes a unique selection of home page sections. You can add, rearrange, and remove these sections to customize the layout of your home page.

Slideshow

You can create a home page slideshow that's either full width or adapted to the height of the first image in the sequence:

The home page of an online store called John's Apparel that shows a full-screen slideshow image. The header navigation shows on top of the image.

It's best to use high resolution images for your slides. Use images that are 3840 x 2160 px or larger, but don't exceed Shopify's upload limits.

Because the size and shape of the slideshow depends on the size and shape of the customer's device, your slideshow images will be cropped on some screens. Try to use images that have a focal point in the middle so that the important part of each image is always visible.

To learn more about the best practices for slideshow images, see Uploading images.

The slideshow section includes the following settings:

  • Auto rotate between slides - Set the slideshow to play automatically.
  • Change slides every - Select how often to change slides.
  • Image - Add an image slide to your slideshow.
  • Overlay - Add a layer of color over your image slide. An overlay can make slideshow text easier to read.
  • Opacity - Set the opacity of your overlay.
  • Subheading text - Add a subheading to your slide. The subheading appears before the heading.
  • Heading text - Add a heading to your slide.
  • Button text - Add a button with a text label to your slide.
  • Slide link - Link your slide to another part of your online store.
  • Adapt to first image - Set the height of the slideshow to adapt to the height of the first image.
  • Image position - Choose the most important area of the image to focus on in the slideshow.
  • Text alignment - Align the text relative to the slides.
  • Color pickers for the slideshow buttons and text.

Customize your slideshow

  1. Next to Brooklyn, click Customize.

  2. Click Slideshow.

  3. Use the settings to customize your slideshow.

  4. Click Save.

Blog posts

You can feature up to three blog posts on your home page.

The blog posts section includes the following settings:

  • Heading - Add a heading to your blog posts section.
  • Blog - Set the blog to feature posts from.
  • Posts - Set the number of blog posts to feature.
  • Show date - Display the date that your blog posts were published.
  • Show author - Display the author of your blog posts.
  • Show cover image - Display the cover image of your blog posts.
  • Show excerpt - Display a short summary of your blog posts.
  • Show 'View all' button - Add a button that links to the blog page of your online store.

Add blog posts to your home page

  1. Next to Brooklyn, click Customize.

  2. Click Add section > Blog posts > Add.

  3. Use the settings to customize your home page blog section.

  4. Click Save.

Collection list

You can feature up to nine collections on your home page.

The collection list section includes the following settings:

  • Heading - Add a heading to your collection list.
  • Collection - Set the collections that you want to feature.

Add a collection list to your home page

  1. Next to Brooklyn, click Customize.

  2. Click Collection list.

  3. Use the settings to customize your collection list section.

  4. Click Save.

You can feature the products from one of your collections on your home page.

The featured collection section includes the following settings:

  • Heading - Add a heading for your featured collection.
  • Collection - Set the collection to feature products from.
  • Grid style - Set the layout for your featured products.
  1. Next to Brooklyn, click Customize.

  2. Click Featured collection.

  3. Use the settings to customize your featured collection section.

  4. Click Save.

Image with text

You can feature an image and custom text on your home page.

The image and text section on an online store. The left half of the section shows an image and the right half of the section shows text and a button.

The image with text section includes the following settings:

  • Image - Select an image to add to the section.
  • Image alignment - Set the side of the page that you want the image to be displayed.
  • Heading - Add a heading to the section.
  • Text - Add text to the section.
  • Button label - Add a button with a text label to the section.
  • Button link - Link your button to another page or website.

Add an image with text to your home page

  1. Next to Brooklyn, click Customize.

  2. Click Add section > Image with text > Add.

  3. Use the settings to customize your image with text section.

  4. Click Save.

You can feature a product on your home page. Featuring a product is a great way to promote a new product or a product that's on sale.

The featured product section includes the following settings:

  • Product - Select a product to feature on the home page.
  • Show variant labels - Display the product variant labels, such as "Size" and "Color".
    A product listing for a shirt with the option to choose different color variants. The label
  • Show vendor - Display the product brand or vendor.
  • Text - Add text to your featured product.
  • Button label - Add a button with a text label to your featured product.
  • Button link - Link your button to another page or website.
  1. Next to Brooklyn, click Customize.

  2. Click Add section > Featured product > Add.

  3. Use the settings to customize your featured product section.

  4. Click Save.

Newsletter

You can add a newsletter signup to your home page. With a newsletter signup, you can collect customer email addresses for email marketing campaigns. Learn more about email marketing on the Shopify blog.

The newsletter section on a website. There is a field for customers to enter an email address and a button that says 'Subscribe'.

The newsletter section includes the following settings:

  • Heading - Add a heading to your newsletter signup.
  • Subheading - Add a subheading to your newsletter signup.

Add a newsletter signup to your home page

  1. Next to Brooklyn, click Customize.

  2. Click Add section > Newsletter > Add.

  3. Use the settings to customize your newsletter signup section.

  4. Click Save.

Map

You can add a Google map to your home page to show customers where your business is located.

The map section includes the following settings:

  • Heading - Add a heading to your map section.
  • Address and hours - Add your store's address and hours to your map section.
  • Map address - Set the map to show your store's location.
  • Map link label - Add a button that links to your location on Google Maps.
  • Show pin - Add a pin that shows your store's specific location on the map.
  • Google Maps API key - Add your map's API key to the map section.
  • Image - Add an image that's displayed if the map doesn't load.
  • Image position - Set the placement of the image.

Add a map to your home page

  1. Next to Brooklyn, click Customize.

  2. Click Add section > Map > Add.

  3. Use the settings to customize your map section.

  4. Click Save.

Rich text

You can add custom text on your home page.

The rich text section includes the following settings:

  • Wide display - Decrease the margins on either side of your text.
  • Heading - Add a heading to your rich text section.
  • Text - Add and format your custom text.
  • Size - Set the size of your text.

Add custom text to your home page

  1. Next to Brooklyn, click Customize.

  2. Click Rich text.

  3. Use the settings to customize your rich text section.

  4. Click Save.

Video

You can add a YouTube or Vimeo video to your home page. Videos can engage customers and generate interest in your business.

To add a video, you need to find the video's sharing link:

  • YouTube - a Youtube sharing link looks like this: https://youtu.be/Oc5v_ToKP7c. You can learn how to copy the sharing link for a YouTube video in this YouTube Help article.
  • Vimeo - A Vimeo sharing link looks like this: https://vimeo.com/123456789. You can learn how to copy the sharing link for a Vimeo video in this Vimeo Help Center article.

The video section includes the following settings:

  • Heading - Add a heading to your video section.
  • Video link - Add the sharing link for your video.

Add a video to your home page

  1. Next to Brooklyn, click Customize.

  2. Click Add section > Video > Add.

  3. Use the settings to customize your video section.

  4. Click Save.

Custom HTML

You can create custom content for your home page. For example, you can use HTML to format text blocks, create tables, or embed content from another website.

The custom HTML section includes the following settings:

  • HTML - Add the HTML code that you want to be displayed on your home page.
  • Container width - Set the width of your custom HTML section.
  • Vertical alignment - Set the vertical position of the content in the section.

Add custom HTML to your home page

  1. Next to Brooklyn, click Customize.

  2. Click Add section > Custom HTML > Add.

  3. Use the settings to customize your custom HTML section.

  4. Click Save.

Ready to start selling with Shopify?

Try it free