> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://care.coreware.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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!


1. Click on Setup > Banners
![Step 1 screenshot](https://coreware-screenshots.s3.amazonaws.com/coreFORCE_-_Customizing_Banners_1.png)


2. Select your banner
![Step 2 screenshot](https://coreware-screenshots.s3.amazonaws.com/coreFORCE_-_Customizing_Banners_2.png)


3. Content

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

![Step 3 screenshot](https://coreware-screenshots.s3.amazonaws.com/coreFORCE_-_Customizing_Banners_3.png)


4. Build Content

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

![Step 4 screenshot](https://coreware-screenshots.s3.amazonaws.com/coreFORCE_-_Customizing_Banners_4.png)


5. Snippets Section

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

![Step 5 screenshot](https://coreware-screenshots.s3.amazonaws.com/coreFORCE_-_Customizing_Banners_5.png)


6. Choosing a Snippet

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

![Step 6 screenshot](https://coreware-screenshots.s3.amazonaws.com/coreFORCE_-_Customizing_Banners_6.png)


7. 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

![Step 7 screenshot](https://coreware-screenshots.s3.amazonaws.com/coreFORCE_-_Customizing_Banners_7.png)


8. Click on SAVE
![Step 8 screenshot](https://coreware-screenshots.s3.amazonaws.com/coreFORCE_-_Customizing_Banners_8.png)


9. Drag highlighted element

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

![Step 9 screenshot](https://coreware-screenshots.s3.amazonaws.com/coreFORCE_-_Customizing_Banners_9.png)


10. Click on CHOOSE
![Step 10 screenshot](https://coreware-screenshots.s3.amazonaws.com/coreFORCE_-_Customizing_Banners_10.png)


11. Choosing the Image

Type the name of your image from the image library

![Step 11 screenshot](https://coreware-screenshots.s3.amazonaws.com/coreFORCE_-_Customizing_Banners_11.png)


12. Click on the image to apply
![Step 12 screenshot](https://coreware-screenshots.s3.amazonaws.com/coreFORCE_-_Customizing_Banners_12.png)


13. Drag the banner group 
![Step 13 screenshot](https://coreware-screenshots.s3.amazonaws.com/coreFORCE_-_Customizing_Banners_13.png)


14. Click on SAVE
![Step 14 screenshot](https://coreware-screenshots.s3.amazonaws.com/coreFORCE_-_Customizing_Banners_14.png)