How to add text and button on the Banner ?


Step-1: Log-in to the Cadjin CMS .

Step-2: In the left side menu, under 'Website'section, go to the "Home Screen" section.

Step-3: Make sure that the required Banner Carousel is already added to the website template. To add Text and Button on individual banner, you need to Edit a Banner Carousel which at the right-upper side of the banner component.
( If you want to know more about how to add a Banner Carousel in the Template, then go through our previous help Article on 'Add Banner Carousel to the website template' )

Step-4: After clicking the edit button of the banner carousel, the Banner Carousel Editor will open.

Step-5: In case of Banner Carousel Editor of 'Classy Banners 2.0' component (as shown in video), you can find SLIDES where the slides are available for edit/delete/re-arrange. You can edit the individual slides by clicking the Edit button of each slide.

Step-6: After clicking edit button of a slide, Single Banner Editor will open. Here you can see various sections of an individual Banner such as Add Image, Add Text, Add Navigation Link, Add CTA Button etc.

Step-7: Go inside the Add Text section. Here you can write the Heading and, Sub-heading which will be appear on the Banner image. You can also Set Position of your Heading and Sub-heading by clicking on appropriate radio button.

Step-8: To add Call-To-Action (CTA) button, open the Add CTA Button section. Here you can write the button text.
Note that, if the "toggle switch" (on/off button) is OFF then Add CTA Button section will be inactive. Make sure that the "toggle switch" is ON before editing the CTA Button.

Step-9: Then click the Save button of the Single Banner Editor, then click the Save button of the Banner Carousel Editor. Then click on the Save & Publish button of the template. Now you have successfully added Text and Button to the Banner image.

Note:
(a) Adding Text and/or button is not mandatory. If the Text field will remain blank, then the Banner Image will appear without any text.
(b) In the help video, the example of 'Classy Banners 2.0' is given. The above actions can be implemented to other Banner Carousel components also. (You can try !)
(c) Not all Banner Carousel components support Text and Button features. Hence, please check the Banner Carousel components from the given component list before using it in your website template.

Was this article Helpful ?

Want to know more ?

Share your email and one of our tech-expert will take you through the live demo session.