Advanced Widgets Scrollmotion Cards Estimated reading: 3 minutes 15 views ScrollMotion Cards help you show content in a fun way while people scroll on your site. You can add cards, give them names, add text or images, and choose if titles should show or stay hidden. Follow the steps below to set the options. Requirement Elementor (Page Builder) Animations Addons (Our Plugin) Tip: Make sure Animation Addons is installed and activated on your WordPress site before you start. How To Activate Scrollmotion Cards Go to your WordPress Dashboard. Click on Animation Addons. Head to the Widgets Tab. Under Advanced, toggle on Scrollmotion Cards. Step 1: Configure Card Panels Start by clicking the ‘+’ icon, searching for ScrollMotion Cards, and picking it. Afterward, you will find three panels to design your elements: Section Title, Card Content, and General Setting. Step 2: Personalize Card Groups Decide how many groups you want and name each one with a Group Title. Then add images, text, or saved templates to fully personalize your ScrollMotion Card. Section Title In the section title, you can set any title you want for your content. For example, here it is set to “Animation plugin for.” Card Content Once you click on the card content, you will see many group options to create. First, determine how many content you want to show on your scroll motion cards. Then, based on that, keep the group list based on your choice. Content Type: Content lets you directly add text, images, or any Elementor content inside the card. Afterward, Save Templates lets you reuse any template you’ve already saved in Elementor. For example, Content is selected here, but you can choose any option you prefer. Group Title: For example, the group name is set to Freelancer & Individuals here. However, you can choose any group name you like. Choose Image: Next, upload any image as per your choice. Items: In Items, you can set any subtitle you want to display on your content. For example, here it says “Instant animated site creation, and pick from 2000+ prebuilt pages. In the same way, you can personalize all the list groups as you like. Step 3: Manage Display Options Easily show or hide the Section Title and Card Title with a toggle. Keep them on for clarity or turn them off for a cleaner look. General Setting Show Title: If you want to show your title, toggle the button to Show. If not, leave it disabled. For example, here is set to ‘Show’. Card Title: If you want to show your card title, toggle the button to Show. Otherwise, leave it disabled. The choice is yours. For example, here is set to ‘Show’. Final Result You Did It Great work—you’ve built your ScrollMotion Cards from start to finish. You set up the panels, personalized each group with titles, images, and content, and adjusted the display settings to match your style. Now your cards are ready to scroll smoothly, catch attention, and make your design stand out. Additionally, if you have any questions or need a hand, feel free to reach out to our support team—we’re always here to help.
