Scrollshift section/Scroll banner documentation

Introduction

The ScrollShift Section/Banner  is a versatile and dynamic tool designed to enhance your website's visual appeal and user engagement. This allows you to seamlessly create and manage multiple sections or a banner/CTA strip that responds to user scrolling, providing an interactive and immersive browsing experience.

 

SUPPORT:

If you need assistance at any step of the way; get in touch with us at support@transfunnel.com. And get Premium Support from TransFunnel - HubSpot's Elite Solutions Partner 

Scrollshift section/Scroll banner documentation

Layout Options: Welcome to the "Scrollshift section/Scroll banner" module, which when used makes your website more organized and more informative: 

  • Horizontal Scroll:
    Experience a captivating lateral journey as you scroll down. Witness distinct sections seamlessly appear from the horizontal direction, creating a sticky effect that keeps relevant content at your fingertips. This modern and visually striking layout adds a touch of uniqueness to your website, making it both interactive and aesthetically pleasing.
  • Immerse yourself in an innovative vertical exploration. As you scroll down, different sections elegantly reveal themselves from the horizontal direction, introducing a dynamic and sticky section effect. This layout combines the familiarity of vertical navigation with a visually impactful twist, providing an engaging and organized browsing experience.

    Choose the ScrollShift module to revolutionize your website's layout, keeping it both organized and highly informative. Elevate user engagement with these versatile horizontal and vertical scroll options that bring a fresh perspective to your online presence

Content features:

 

Background Type:

Explore Diverse Background Options with the Scrollshift section/Scroll banner Module!
Welcome to the Scrollshift section/Scroll banner module, where you have the power to customize your background content for each slide. With our versatile options, you can tailor the visual experience to match your unique style and content requirements. Choose from the following background types:

1. Image Background with overlay/without overlay:
Enrich your slides with captivating visuals by selecting the image background type. Upload high-resolution images that align with your brand or convey the essence of your content. Make a lasting impression as users scroll through sections adorned with stunning visuals.

2. Solid Color Background:
For a clean and minimalist look, opt for the solid color background. Choose from an extensive palette to match your brand colors or create a visually cohesive design. This option is perfect for emphasizing content and ensuring a sleek, modern appearance.

3. Gradient Background:
Infuse a touch of sophistication into your slides with the gradient background option. Select from a range of gradient styles to add depth and visual interest. Gradient backgrounds provide a dynamic and modern backdrop that enhances the overall aesthetics of your content.

4. Video Background With overlay/without overlay:
Bring your slides to life with the immersive video background option. Embed videos that complement your message or showcase your products/services. Engage your audience by integrating motion and dynamic visuals, creating an impactful and memorable user experience.

CTA and content 

Enable disable your CTA according to your use also you can add multiple buttons 

Content section

Style features:

 

 

Conclusion:

The "Services Provider" module provides you with a powerful tool to enhance the user experience by helping you add content briefs about your services on a single page section. The module offers a plethora of customisation options that you can control to make the module suit your brand and website design. With this, you can make your website viewing experience seamless, organised, and better to view in a structured manner. Start leveraging the “Services Provider” module today.