Footer Callout - Customizer
Default theme settings may differ if you have imported one of the OceanWP prebuilt website templates for WordPress. This is because these templates come with their own Customizer settings. However, the way you use the Customizer to adjust your website remains the same.
The OceanWP Customizer Footer Callout panel enables you to display a Call to Action section above the website footer area, style it or use a custom template instead.
Footer Callout is an OceanWP premium feature, available with the OceanWP Pro Bundle.
Upgrade now to get access to this and many other features, premium full website templates, dedicated customer support and more.
The Footer Callout panel in the Customizer will appear when you install and activate this premium OceanWP extension.
Available Footer Callout options include:
- Default CTA Content section:
- Custom CTA Content section:
- Footer CTA Styling section:
- Padding (px),
- Typography:
- Colors:
Content
The Content option enables you to add text which is going to be displayed in the Footer Callout.
You can use regular text, HTML (to add links, for example) or shortcodes.
Button
The Button panel contains options that enable you to style and customize the default CTA button.
The Button panel includes the following options:
- Display Button,
- Button Text,
- Button URL,
- Button Target,
- Button Rel,
- Button Custom Classes,
- Button Border Radius (px),
- Typography:
- Colors:
Display Button
The Display Button option enables you to choose whether or not you want to display a button in the Footer Callout area.
Button Text
The Button Text option enables you to add a custom text for the button. For example: Subscribe now.
Button URL
The Button URL option enables you to add the URL for the button.
You can use internal or external links.
Button Target
The Button Target option enables you to adjust the behavior of the browser once the button has been clicked:
- New Tab: the button will open the desired URL in a new tab (recommended option if using external links).
- Same Tab: the button will open the desired URL in the same tab (recommended if using internal links, ie. links from your own website).
Button Rel
The Button Rel option enables you to assign attributes to the button URL, for SEO purposes.
The option you should choose depends on whether you're using an internal or external link, and other factors.
Available options include:
- None,
- Nofollow,
- Noopener Norefferer,
- Nofollow Noopener Norefferer.
Learn more about Noffollow Noopener Norefferer link attributes in this article from Ahrefs.
Button Custom Classes
The Button Custom Classes enables you to add and apply custom CSS classes to the button.
This is 100% optional.
Button Border Radius (px)
The Button Border Radius (px) option enables you to add radius and adjust the roundness of the button corners.
This option is always measured in pixels (px).
Button Text
The Button Text typography option enables you to adjust typography for the button text.
Button Background
The Button Background color option enables you to apply regular and hover color to the button background.
Button Text
The Button Text color option enables you to apply regular and hover color to the button text.
Select Template
The Select Template option enables you to display custom content instead of the default Footer Callout content.
Create a custom template via WP Dashboard, OceanWP > My Library, and select it.
To remove the custom template, simply set the dropdown option to: Select
.
Padding (px)
The Padding (px) option enables you to add and adjust top and bottom padding for the Footer Callout area.
This feature is always measured in pixels (px).
CTA Content
The CTA Content typography option enables you to adjust typography for the Content.
CTA Background
The CTA Background color option enables you to apply a background color to the entire Footer Callout area.
CTA Top Border
The CTA Top Border color option enables you to apply color to the top border of the Footer Callout area.
CTA Text
The CTA Text color option enables you to apply color to all textual parts (non-links) of the Content.
CTA Links
The CTA Links color option enables you to apply regular and hover color to all links in the Content (in case you used HTML to insert links, for example).
Found an error in this doc or believe it needs improvement?
Send us a prepurchase ticket, include the URL of the page, and add suggestions and more details about how we can make things better for you.
That's it!
Enjoy building your WordPress website with OceanWP!