coreFORCE - Website: Customizing Banners
Banners are typically the first element that customers see when they visit your website and will grab their attention. We'll be customizing them to your liking here!
Click on Setup > Banners

Select your banner

Content
This content section is where HTML can be input if you have a snippet or coding experience

Build Content
The Content Builder feature is our solution to allowing anybody to code their own banners

Snippets Section
Snippets is where our pre-defined code blocks can be utilized

Choosing a Snippet
Choose the snippet you'd like to utilize and drag it to the left to insert the section.

Editing Snippet Elements
The Snippet can be edited by clicking the element you're looking to edit and you are able to freely type what you'd like

Click on SAVE

Drag highlighted element
We can see that once our snippet is configured all of the coding required was input automatically

Click on CHOOSE

Choosing the Image
Type the name of your image from the image library

Click on the image to apply

Drag the banner group

Click on SAVE

Click on Setup > Banners

Select your banner

Content
This content section is where HTML can be input if you have a snippet or coding experience

Build Content
The Content Builder feature is our solution to allowing anybody to code their own banners

Snippets Section
Snippets is where our pre-defined code blocks can be utilized

Choosing a Snippet
Choose the snippet you'd like to utilize and drag it to the left to insert the section.

Editing Snippet Elements
The Snippet can be edited by clicking the element you're looking to edit and you are able to freely type what you'd like

Click on SAVE

Drag highlighted element
We can see that once our snippet is configured all of the coding required was input automatically

Click on CHOOSE

Choosing the Image
Type the name of your image from the image library

Click on the image to apply

Drag the banner group

Click on SAVE

Updated on: 09/19/2024
Thank you!