Back to contents

JetElements Banner widget. How to add animated banners to pages built with Elementor

This step-by-step tutorial will take you through the process of adding animated banners to a page built with Elementor.

Each self-respected businessman has to have a bright and colorful banner on a website to attract more clients. With the Banner widget from JetElements plugin, you will be able to display all the necessary information with an image background in a few clicks.

Adding an animated banner

Step 1 — Open your website with Elementor page builder and find the Banner widget using the search field at the top. Drag and drop it on the page, where you want it to be placed.

Banner widget

Step 2 — First of all, select the background image from your media library in the Image option.

General content settings

Step 3 — Next, choose the size of the image in the Image Size drop-down.

Step 4 — Give your banner a title and a description in the correspondent fields.

Step 5 — If you want to make your banner clickable, add a link to the Link field.

Step 6 — Then, go to the Content > Settings block and select the Animation Effect.

Animation Effect settings

Step 7 — The last step is to style your banner up. Proceed to the Style tab and create your perfect banner design.

perfect banner design

Now nothing is impossible for you. Enjoy!