Before being able to access the frontend editor, it is necessary to update the theme to the version 6. To learn how to update Jupiter, check out this article.
To access the frontend editor:
From the WordPress left menu, go to Pages and enter your page.
Click on the Frontend Editor button.
You will be redirected to a new page with the frontend editor interface.
Adding a Shortcode
Adding a shortcode in the frontend editor is same as adding it in the backend:
From the WPBakery Page Builder screen, click on the Add Element button.
In the Add Element pop-up screen, search for Blog and click on it to be added to the page.
When the shortcode is added, a new pop-up screen called Blog Settings opens. You can configure different aspects of blog from the pop-up. Click on the Save Changes button.
You will see your blog posts displayed as they would in the frontend of your website.
In the top right corner of the page, click on the Update button to publish the changes to your website.
Frontend editor provides page settings which let you change the page title and insert page specific custom CSS, however it does not provide Jupiter page options, Jupiter widget options and Jupiter styling options like the backend editor does.
To access the page settings, from the frontend editor:
In the top right corner of the screen, click on the Cog icon.
A new window will open. Here you can change the page title or add custom CSS.