Like most web pages, the ones across your community feature a footer at the bottom (static content displayed on every page). By default, the footer features our best-practice content, but you can update it in just minutes, if needed, using our In-Context Editing feature. This enables admins to update content directly on the page without having to work in the CMS or Page Designer. Let's learn how.
NOTE: To learn more about In-context Editing, including how to enable it, see Enable In-Context Editing for HTML Content.
NOTE: Super Admins and, depending on widget permissions, Site Admins can edit content in this way.
Update your footer
To begin, scroll down to the bottom of your community to view the footer.
- You'll notice several small, semi-transparent edit buttons, one for each section of footer content.
- As shown below, you can hover over a button to highlight its associated content, making it easy to see what each button controls. Notice how hovering over a button changes it to a pencil icon.
Click one of these edit buttons to access the Content Editor, where you can make your changes using the various text-formatting options, the HTML editor, and more. When finished, click Save to apply them.
Update links
By default, a few of your footer sections contain links; let's take a look at how to update them.
- Click the edit button associated to a section with hyperlinks to display the Content Editor.
- Click a link to select it (it is now highlighted).
- Click the Insert/edit link button in the toolbar to open the Insert link dialog.
- You can now update the link's URL, the text you want to display in its place, and its target (i.e., whether a new browser window should open upon clicking it). We recommend setting link targets to New Window so users are not navigated away from your community when clicking links.
- Click Ok to close the Insert link dialog.
- Click Save to apply your change.
Update the logo
Let's learn how to update the footer logo, in case the need ever arises.
- Click the edit button associated to your logo.
- Click your current logo in the editor to select it (it is now highlighted).
- Click the Insert/edit image button in the toolbar to open the Insert/edit image dialog.
NOTE: If your logo is solid white, it will appear invisible in the dialog. You'll need to click at the top-left of the editor to highlight your image.
- Click the folder icon to display the Image Uploader tool.
- You have two options: navigate your folder structure to locate an existing image (i.e., one that has already been uploaded) or click the Upload button to upload a new image. To complete this process, just follow the prompts.
- Once you've selected an image, click Insert to close the Image Uploader tool.
- Click Ok to close the Insert/edit image dialog.
- Lastly, click Save to apply your change.
Update the social media links
By default, there are several icons/links to popular social media sites in the footer. If you'd like to keep these links, you'll need to update them to your organization's associated URLs.
NOTE: Depending on your community configuration, you'll either have to update these social links via In-Context Editing or Page Designer. Refer to the section below appropriate for you.
Via In-Context Editing
Use this method if:
- You DO see the In-Context Editing button for these social icons.
- Click the In-Context Editing button to display the Content Editor.
- Click a link to select it (it is now highlighted).
- Click the Insert/edit link button in the toolbar to open the Insert link dialog.
- Update the link's URL and its target (i.e., whether a new browser window should open upon clicking it). We recommend setting link targets to New Window so users are not navigated away from your community when clicking links.
NOTE: Make sure to leave the Text to display field blank or else it will override the social icons.
- Click Ok to close the Insert link dialog.
- Repeat steps 4 and 5 for any additional links you want to update.
- Click Save to apply your changes.
Via Page Designer
Use this method if:
- You DO NOT see the In-Context Editing buttons for these social icons like you do elsewhere in your footer (see image below).
- Navigate to your community's Home page.
- In the Admin Toolbar, click (or right click for a new tab) Edit Navigation to access the CMS.
- The Home section should be expanded (if not, click the + to do so). Click the ellipsis (...) button associated to Footer Social Icons (this is it's default name; it may be different on your community), and then click Edit.
- All of the social media icons are listed on the Canvas. Click to select one, and then click Edit.
- In the resulting editor, move your cursor below the icon and click to select it (you cannot click the icon directly to do so). See the image below for a visual.
- Then, click the Insert/edit link button in the toolbar.
- You can now update the link's URL and its target (i.e., whether a new browser window should open upon clicking it). We recommend setting link targets to New Window so users are not navigated away from your community when clicking links.
NOTE: Make sure to leave the Text to display field blank or else it will override the social icons.
- Click Ok to close the Insert link dialog.
- Click Save to apply your change.
- In Page Designer, click Publish at the bottom right to apply your changes to the live page.