Direct your website visitors to your team or league sponsor sites by placing sponsor logos or other images on your home page. You can add sponsors to your home page by completing the following tasks:

  • Create rows for sponsor images on your home page
  • Add a sponsor image to a row
  • Add sponsors to your website’s home page

Create rows for sponsor images on your home screen

To add sponsor images, you must create a new page for the images, and add a new row for each sponsor. For example, if you have three sponsors, you can create a new page with three rows in it.

  1. On the WordPress dashboard, in the menu on the left of the screen, click Pages > Add New.
  2. In the Enter title here field, enter a title.
    Note: The recommended page title is Home Page Sponsors.
  3. On the right side of the screen, above the text entry field, click Page Builder (figure 1).
  4. Click Add Row.
  5. In the Set row layout field, type the number sponsors you want to add to the bottom of the home screen. Each row will contain one sponsor image (figure 2).
  6. Click Insert.
Figure 1.
Figure 1.
Figure 2.
Figure 2.

Add a sponsor image to a row

Now that you created a row for each sponsor image, you can add the sponsor’s logo or image to the row. You can also adjust the alignment of your sponsor images, and add a link to your sponsor’s website.

  1. Click a row that you just added (figure 1).
  2. Click Add Widget (figure 1).
  3. Click SiteOrigin Image.
  4. Move your mouse cursor over the row, and click Edit (figure 2).
  5. At the top left of the screen, click Choose Media, and do one of the following:
    • To add a sponsor image that you already added to WordPress, in the Media Library tab, click an image.
    • To add a new sponsor image, in the Upload Files tab, click Select Files. Select the image you want to upload and click Open.
  6. Click Set Media.
  7. In the SiteOrigin image window, adjust the following settings:
    • Change the Image Alignment drop-down menu to Center.
    • In the Destination URL field, type the sponsor’s website address.
    • Select the Open in the new window checkbox (figure 3).
    • Click Done.

      After you finish: Repeat steps 1-8 for each row you created on the Home Page Sponsors page.
Figure 1.
Figure 1.
Figure 2.
Figure 2.
Figure 3.
Figure 3.

Place the home page sponsors on your website’s home page

Now that you created a sponsor page and all the sponsor images are added, you can place your sponsors page at the bottom of your website’s home page.

  1. After you finish adding sponsor images, click Publish (figure 1).
  2. In the menu on the left of the screen, click Appearance > Customize.
  3. Click Homepage layout (figure 2).
  4. In the Homepage layout, select which section you want to display this sponsor page.
  5. Select a section, add a title and under section type > page > select the page called Homepage sponsors ( figure 3).
  6. Click Publish.
Figure 1.
Figure 1.
Figure 2.
Figure 2.
Figure 3.
Figure 3.