Hub/Theme/Add an Animated Text Hero Section
Task IntentTheme

Add an Animated Text Hero Section

Create a hero section with rotating or typing animated text to grab visitor attention.

What This Sidekick Query Does

Create a hero section with rotating or typing animated text to grab visitor attention.

Prompts

Copy, adapt, and run this directly in Shopify Sidekick.

Create a hero section on my homepage with animated text. Display the static text [STATIC_TEXT] followed by a rotating word that cycles through these options: [WORD1], [WORD2], [WORD3], [WORD4]. Use a [ANIMATION_TYPE] animation style (options: typing, fade, slide-up) for the word rotation. Each word should display for [DISPLAY_SECONDS] seconds before transitioning. Set the background to [BACKGROUND_COLOR] or use image [BACKGROUND_IMAGE_URL]. The heading should be [HEADING_SIZE] pixels in [TEXT_COLOR] color. Add a subheadline [SUBHEADLINE_TEXT] below the animated heading. Include a CTA button labeled [CTA_TEXT] linking to [CTA_URL]. Set section height to [HEIGHT] pixels.

Expected Output

Create a hero section with rotating or typing animated text to grab visitor attention.

Tips to Improve Results

Copy the prompt above
Open Shopify Sidekick in your Shopify admin
Paste the prompt and replace the bracketed placeholders with your details
Review Sidekick's response and apply the suggestions