Options | SP Page Builder (Pro) 4.x - Documentation | JoomShaper

SP Page Builder (Pro) 4.x

Updated Last: 22 November 2022


SP Page Builder’s page Options have a lot of handy settings that lets you manage the page’s language, access level, page CSS, SEO settings, and more. 

You can access Options from the frontend sidebar editor of SP Page Builder. When you open the Options tab, you’ll see the settings are categorized into three categories:

  • Basic
  • Page CSS
  • SEO 


SP Page Builder 4.0

Title: Use this field to set or change the page title. 

Category: Select a category for your page from the drop-down list. 

Status: Set the status of the page to either Published, Unpublished, or Trashed. 

Language: Each Page created in SP Page Builder can be assigned to a different language. It also means that first, you have to configure Joomla multilingual system to be able to choose languages for items. Install extra languages and configure it, also from Languages: Content. Then you'll be able to choose the language for each Page.

Access: Set the access level of the page here. 

Page CSS

SP Page Builder 4.0

Custom CSS: Write the custom CSS code here to customize the appearance of your page. 

Note: Any custom CSS that you add inside Page is only available with that particular page. If you would like to use it on the whole website, then you will need to cut and paste it inside the custom CSS area from your Joomla template.


SP Page Builder 4.0

Meta Description

Meta Description is a brief summary of your web page. It is displayed as part of the search snippet in a search engine results page (SERP).  It gives users an idea of the content that exists within the page and if it is relevant to their search query.

Use this text field to write the meta description of the page. It’s best to keep the length of your meta description between 150 to 160 characters. 


Keywords are words and phrases that define what your content is about. These are the words and phrases that searchers enter into search engines, also called search queries.

Analyze the keywords for your web page using the tools available online and insert them in this text field. 

Open Graph

Open Graph's meta tags control what others see when someone shares your page's URL on social media like Facebook, LinkedIn, or Twitter. An Open Graph object contains 3 separate metadata, each with its own purpose: 

  • Meta Title
  • Meta Image
  • Meta Description

Open Graph Title: Use the text field to set a title to define your content. 

Open Graph Image: Upload the Open Graph image here. When shared on social platforms, this image will be displayed. 

Open Graph Description: Use the text field to write a brief description of the content. SEO experts recommend that you do not go beyond the limit of 200 characters.