Ask AI

How to add a Sponsor Footer and add Logos


This article will explain how to add a Sponsor Footer to your website. Followed by adding logos and links to the Sponsor Footer.

Step 1: Add space for your Sponsor Footer

To show the Sponsor Footer, you need to make room for one on your website.

  1. Go to Dashboard > System > Sticky parts (these are the parts that will always be visible, no matter what page is selected).
  1. Click on +Add and select the template called Sponsor Footer.
  1. Here you can add the desired amount of padding and the background colour.
  1. By adding the parameter 'fullWidth' with the value 1, you can make sure the Footer will be displayed across the full width of the page.
    1. screenshot from dashboard fields under ‘sticky parts’, showing the parameter ‘fullWidth’ has been added and has been assigned the value ‘1’.
      screenshot from dashboard fields under ‘sticky parts’, showing the parameter ‘fullWidth’ has been added and has been assigned the value ‘1’.
    2. Make sure that footer is selected in the Block field.
    3. In the Row field, select which row you want the Sponsor footer, depending on what row the general footer is placed (which is mostly on row 999). If you want it above the general footer, you can choose row 998. If you want it at the bottom, you have to switch the row numbers.
    4. Block and Row settings for the Sponsor Footer
      Block and Row settings for the Sponsor Footer

Step 2: Adding Sponsor Logos to your Sponsor Footer

Now that you have made room for a Sponsor Footer, you can now add the individual logos.

  1. Go to Dashboard > Website > Banners.
  1. Click on Add Banner and in Used in select the Banner Type ‘Sponsors Footer’.
🚧
Take note! The content you will add here will be displayed on the website in the space that you have reserved for the Sponsor Footer (usually above or below the footer).

Contact a Peppered Expert for changes regarding the position on the page.

screenshot from the website ‘halle.be’ that shows their sponsor banner. The sponsor banner is placed beneath the regular banner and displays four different sponsor logo’s.
screenshot from the website ‘halle.be’ that shows their sponsor banner. The sponsor banner is placed beneath the regular banner and displays four different sponsor logo’s.

Add/remove Sponsor logos

To add or remove Sponsor logos Go to Banner module. Select

Add a Sponsor Footer and fill out the following (the rest you can ignore for this Banner Type):

  • start date and end date
  • Dashboard name (to keep a good overview)
  • Media - Upload logo file (jpg, png, gif are all accepted)
screenshot showing ‘banner’ section of the dashboard and the possible fields to be selected there. For the field ‘Used in’, the ‘Sponsors Footer’ option is highlighted.
screenshot showing ‘banner’ section of the dashboard and the possible fields to be selected there. For the field ‘Used in’, the ‘Sponsors Footer’ option is highlighted.
Screenshot of the ‘media’ section under the ‘Sponser Footer banner’. The example shows that a file has been uploaded as a Sponsor image and that a title and link for this logo have been added.
Screenshot of the ‘media’ section under the ‘Sponser Footer banner’. The example shows that a file has been uploaded as a Sponsor image and that a title and link for this logo have been added.
💡
Good to know For each logo you have to create a new Sponsor Footer Banner in the Banners Module.
 
🚧
Take note! You cannot add multiple pictures at once.

After creating multiple Sponsor Footers Banners you should see them in the list of Current banners in the Banner module:

Screenshot of the ‘current banners’ list in the dashboard, showing that two separate sponsor footers have been added.
Screenshot of the ‘current banners’ list in the dashboard, showing that two separate sponsor footers have been added.

And you will see them on your website of course!


Related articles

Did this answer your question?
😞
😐
🤩