How to add a video to DAWN homepage with text and buttons?

Shopify Discussion

Topic summary

A user wants to add a video to their Shopify store’s homepage with accompanying text and clickable buttons, providing an example image of the desired layout.

Solution provided:

  • Navigate to Online Store > Themes > Customize to access the theme editor
  • If no suitable video banner section exists, create a custom one by going to Themes > Edit Code
  • Add a new section in the Sections folder named “video-banner” using custom Liquid code

Implementation steps:

  1. Upload the video file (MP4 format) via Settings > Files
  2. Replace placeholder video filename in the code with the actual asset URL
  3. Return to theme customizer and add the newly created video-banner section to the homepage
  4. Customize text and button links as needed

The response includes code snippets for creating the custom section, though the specific Liquid markup appears garbled in the original post.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

Hello, trying to add a video to the homepage and some text with clickable buttons exactly as the image I provided below, how can I do this? Website here

Thanks :grinning_face_with_smiling_eyes:

renssnce_0-1729136585691.png
renssnce_0-1729136585691.png1227×653 403 KB

2

Hey @renssnce ,

To add a video with text and clickable buttons to the homepage of your Shopify store, follow these steps:

  1. Online Store > Themes > Click Customize next to your active theme.

  2. Add a New Section (Optional):

  • In the theme editor, click on Add Section and look for a section like Custom HTML or Video Banner if it’s already available.
  • If not, you can create a new custom section by following the instructions below.

Code Implementation (Creating a New Section):

  1. Online Store > Themes > Edit Code.

  2. Under the Section folder, click Add a new section and name it video-banner.

Liquid Code:

Steps to Use the New Section:

  1. Upload Your Video File:
  • Go to Setting > Files and upload your video (in .mp4 format).
  • Replace ‘your-video-file.mp4’ in the code with the actual video filename or use the full asset URL provided after uploading.
  1. Add the Section to the Homepage:
  • Go back to Customize under Themes.
  • Scroll to the homepage and click Add Section.
  • You should see the video-banner section you just created. Add it and customize the text and button links as needed.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regard,

Rajat Sharma

1 Like