Chapter 3: How to add Content to Joomla page
Now when you start to build your perfect page with JSN PageBuilder 4, spend a few minutes to look through these tips to add content since they will help your process run smoothly.
Use the Heading & Paragraph elements properly
You should use the Heading element only when the content is key concepts.
For regular content, the Paragraph element is our recommendation.
Use element variation whenever possible
In JSN PageBuilder 4, every element has multiple variations ready to use. So whenever possible, use those variations instead of constructing it from scratch.
Check the following example with heading and icon:
Do not use Icon element + Heading element separately.
Use the variation of Heading that has icon included.
Keep the content code clean
Choose the proper heading HTML tag to have a logical heading structure, which is good for SEO.
Set “Image Size” to “Full Width” when you need to fill the whole container
If an image needs to be filled to the whole container as per design, then set the “Image Size” parameter to “Full Width”.
Set parameter for “All” devices so that mobile layout will inherit as well.
Make sure the image has ALT text setup
An alt tag, also known as "alt attribute" and "alt description," is an HTML attribute applied to image tags to provide a text alternative for search engines.
You should make sure that all images have an alt tag fill with the right description since it can positively impact an e-commerce store's search engine rankings.
Read more about ALT and title text here.
Choose to show image wisely
- If the image delivers actual content, use the Image element.
- If the image serves as a background with some text, set it as a background for the container.
Use Button element for a Call-to-action (CTA)
For CTA, use Button element, not Paragraph.
When CTA is just a link, use Button element without border, but preserve the padding to keep clicking area big enough.
Use Button variations
Different button variations are designed to help users have more flexibility when they use JSN PageBuilder 4.
Leave a comment
Make sure you enter all the required information, indicated by an asterisk (*). HTML code is not allowed.