Customizing the Coming Soon Section

Customizing the Coming Soon Section

Coming Soon Section Overview

In Shopify stores, "Coming Soon" pages or sections are commonly used to build anticipation for upcoming product launches, events, or store updates. Tapita's Coming Soon Section provides a versatile tool for creating engaging announcements and keeping customers informed and excited about what's next.

With Tapita's Coming Soon Section, you can:
  1. Promote Future Releases: Ideal for announcing upcoming products, events, or store updates.
  2. Maintain Brand Consistency: Customize text and visuals to align with your brand identity.
  3. Build Excitement: Keep customers informed and build excitement for future releases.
  4. Seamless Integration: Seamlessly integrates with your store's design for a consistent look.

Coming Soon Section Configuration

For instructions on how to add a coming soon section to your store, please refer to the Getting Started guide for Tapita Theme Sections Builder.
After adding your desired Coming Soon section to your store, you can configure the settings within the Shopify Theme Editor as follows:
  1. Configure the section body
    1. Heading: Enter the heading of the section.
    2. Description: Enter a description for the section.
    3. End Date: Enter the target end date for the "coming soon" period. Format: MM/DD/YYYY. Example: 06/28/2024
    4. End Time: Enter the target end time. Format: Hours:Minutes. Example: 22:00
    5. Default Text: Enter the text to display while the countdown is calculating the time remaining (e.g., "Calculating time to go live...").
    6. Day String: Customize the text that displays the number of days remaining (e.g., "After DAYS day(s) left" => Result: "After 2 day(s) left").
    7. UTC Time: Enable or disable the use of Coordinated Universal Time (UTC).
    8. Show Newsletter: Enable or disable the display of a newsletter signup form.
    9. Button Label: Enter the text for the newsletter subscription button.
    10. Input Text: Enter the placeholder text for the email input field (e.g., "Enter your email").
    11. Success Message: Enter the message to display after a successful newsletter subscription (e.g., "Thanks for subscribing!").
    12. Show Banner Image: Enable or disable the display of a banner image within the section.
    13. Preload Image: Enable to preload the image so that it appears when the page loads. Disable if it does not.
    14. Banner Image: Choose an image to display as a banner in the section.
    15. Show Social: Enable to display your social media information. If enabled, you must configure the social media links.

  1. Configure the section layout
    1. Color Scheme: Choose a color scheme.
    2. Background image: Choose a background image for the section (if desired).
    3. Section Full Width: Toggle this setting to make the section span the full width of the screen. If disabled, customize the size at "Section max width."
    4. Content Full Width: Toggle this setting to make the content within the section span its full width. If disabled, customize the size at "Content max width."
    5. Padding and Margin: Adjust the padding and margin for the section on mobile, desktop, and tablet screens to control spacing.
  1. Configure the section color
    1. Background: Choose a color for the section background.
    2. Background Gradient: Set a background gradient. This allows you to create a subtle color transition in the background instead of a solid color.
    3. Foreground: Choose a color for the foreground elements.
    4. Title: Choose a color for titles.
    5. Button Background: Choose a color for button backgrounds. This determines the background color of any buttons within the section.
    6. Button Text: Choose a color for button text. This sets the color of the text displayed on the buttons.
    7. Input, button radius: Set border radius for input and button elements.
  1. Configure the section optimize
    1. Lazy Load Speed: The section will only load when it is scrolled to on the page, improving initial page load times.

Now you know how to customize Tapita's Coming Soon Section to spark excitement for upcoming releases, grow your email list, and generate buzz around your brand! If you have any questions or need assistance, please don't hesitate to contact Tapita support.

    • Related Articles

    • Customizing the Testimonial Section

      Testimonial Section Overview In Shopify stores, displaying customer testimonials is essential for building trust and social proof. Tapita's Testimonial Section provides a modern and visually appealing way to highlight these testimonials, enhancing ...

    • Customizing the FAQ Section

      FAQ Section Overview In Shopify stores, FAQ sections are commonly used to address customer inquiries, reduce support requests, and improve the overall customer experience by providing quick access to answers for frequently asked questions. Tapita's ...

    • Customizing the Video Section

      Video Section Overview In Shopify stores, video sections are powerful tools for showcasing products, tutorials, testimonials, and more. Tapita's Video Section provides a dynamic hub for this multimedia content, offering users a rich and engaging ...

    • Customizing the Badges Section

      Badges Section Overview In Shopify stores, badge sections are often used to highlight key product attributes, promotions, or trust signals to potential customers. These visual cues can draw attention to specific products and ultimately contribute to ...

    • Customizing the Slideshow Section

      Slideshow Section Overview In Shopify stores, slideshow sections are often used to showcase multiple products, promotions, or key messages in a visually engaging format. Tapita's Slideshow Section offers a sleek, interactive design to display these ...