Skip To Main Content

Mastering Blog Pro for Shopware 6: A Comprehensive Setup and Publishing Guide

Welcome to the Ongrano Blog Pro installation guide.

 

 In this article, we will examine the process from the installation of the Plugin to the first blog post. For better understanding, we will describe all the stages with pictures. Let's take a look at how to install the best blog plugin for Shopware 6.

 

In the first stage, we will start to describe our plugin assuming you downloaded it from the Shopware Store. If you don't know where to download it. You can find Ongrano Blog Pro here.


Our first step is to activate and configure our plugin.

Ongrano Blog Pro plugin activation
Navigate: Extensions > My extensions

As you can see in the picture, we start by activating our plugin.

 

Ongrano Blog Pro plugin configure button
Click the Configure button from dropdown menu

We will go to the Ongrano Blog Pro configuration page with the configure button that we clicked on the dropdown.

Ongrano Blog Pro plugin configuration page
Ongrano Blog Pro Plugin Configuration Page

Here you will see the settings for the commenting feature in Blog Pro. The first of these is the activation setting of the comment feature. The second is the setting of whether the comments made on the blog pages should be verified or made immediately visible to end users.

 

Creating Category Link for blog page

Blog Pro always works in your store's https://your-store.de/blog url address. Here we will define the destination address in one of the navigations for internal linking. This navigation can be defined in your store's main navigation, footer navigation or service navigation. In this example, we will create a blog internal link in the main navigation, that is, in the menu of our store.

Tip: It will be more beneficial for SEO if you can set a place for the blog in the main navigation. Of course, you should adjust this according to your needs.

Creating Category Link for blog page
Navigate Catalogues > Categories

In our category page, we create a subcategory within the category in which we want to show our blog page. For this, we click on New Subcategory from the dropdown menu of the relevant category.

Setting up Blog Category
Setting up Blog Category

We name the category we created and activate it. In this example we name the Blog and then select the Category type as Link.

Setting up Blog Category to our /blog handle
Setting up Blog Category to External Link

And then we select the External as Link type in Customisable link area

Setting up Blog Category to /blog address
Setting up Blog Category to /blog address

And then we write /blog in the Link destination field. Thus, we have done our link configuration. We can now access the blog from the relevant navigation.

 

Setting up Image Resolution for Blog Images

Images in your store use different resolutions for different devices and different areas. Shopware creates different resolutions of the same image for us.  In this section, we will optimize fast page openings by adding new resolutions. Thus, we will make a positive contribution to the page load speed for SEO.

Navigate Content > Media
Navigate Content > Media 

Images uploaded automatically or manually uploaded in the Blog Editor are stored in the Blog Media folder. 

Dropdown Menu >  Settings
Dropdown Menu >  Settings

At this stage, we click the Settings button from the dropdown menu of Blog Media folder.

Thumbnails > Generate thumbnails for this folder > Edit list
Thumbnails > Generate thumbnails for this folder > Edit list
  1. Click on Thumbnails from Tabs.
  2. We activate the Generate thumbnails for this folder setting.
  3. Click Edit list in the Thumbnails area.
    We can now add new resolutions to the list.
Add New Resolution
Add New Resolution

Here we will use Maximum size field to add new resolutions.

Add New Resolutions
Add New Resolutions
  • 200x200
  • 300x300
  • 400x400
  • 600x600
  • 800x800
  • 1000x1000

We add these resolutions. These are the resolutions that Ongrano Blog Pro frequently uses for different devices and resolutions.

Check all new resolutions and Click Stop editing button
Check all new resolutions and Click Stop editing button

After adding the values it should be like this. Then we click the Stop editing button to end the adding process.

Activate all new resolutions and Save
Activate all new resolutions and Save
  1. We activate all the resolutions we added. 
  2. We click the Save button to save all our transactions. 

After these settings, Shopware will generate images at the resolutions we give for each image we upload. And we will get good results as best practices

 

Setting Up Blog SEO Url Templates

Ongrano Blog Pro supports seo url template system for both blog pages and blog category page. With blog variables, you can arrange the most suitable templates for your use in these areas.

 

Blog and Blog Category SEO Templates
Blog and Blog Category SEO Templates

By default, blog pages are set as blog category name + blog title. Blog category pages are defined as category names only. You can see which variables you will use with possible variables and you can make adjustments by selecting them.

  1. Blog page SEO Url Template and their Possible variables
  2. Blog Category Page Url Template and their Possible variables

 

Creating First Blog Category

The Blog Category is required to create a blog. The first job is to create a blog category, then we can start creating content. To do this;

 

Navigate to Content > Blog > Category
Navigate to Content > Blog > Category

You will see all categories listed on the category page. For now it must be empty. We need to create one. For creating new category simply Add New Category button.

Creating New Blog Category
Creating New Blog Category

You can find warnings and helpful texts that will guide you on the category creation page.

Blog Category Name, Activation and Meta Title
Blog Category Name, Activation and Meta Title

When choosing the category name, remember that the category name is used in the SEO link. 

Blog Meta Description and Help Text
Blog Meta Description and Help Text

It can be helpful to check the help texts when creating the Blog Categories. In this field, we enter the SEO information.

Blog Cover Image
Blog Cover Image

In this area, we choose the Blog Category Cover image. These photos will be used both in Searh Engines and while sharing in social media. We have come to the end of the category adding process. it's that simple.

 

Creating First Blog Post

Creating a blog is as simple as a category.  Let's dive in.

To Create blog, Navigate Content > Blog > Posts
To Create Blog, Navigate Content > Blog > Posts

In this page we can see all list of blog that we created before. 

Click Add New Blog button
Click Add New Blog button

On our blog detail page, there are SEO and Blog previews, warnings on fields that are entered incorrectly or left blank. This will help you write a blog suitable for Search engines. Making use of helpful texts in the input fields will allow you to blog better.

Picking Cover Image & Blog Meta Data
Picking Cover Image & Blog Meta Data

 

  • Blog Cover: This cover image is shown in blog listings, search engines and social shares.
  • Blog title: The blog title is the most important thing when writing a blog. The SEO URL is created with the blog title. It is used with the title h1 tag on the blog page and we do not allow other h1 usage. Thus, we can experience better SEO result.
  • Blog Sub header: It is shown as a sub header in the blog listing and is given to search engines as a sub header.
  • Blog short description: It is a short summary of the blog in a few sentences in the blog listing.
Blog Author, Blog Category, Sales Channel and Preview
Blog Author, Blog Category, Sales Channel and Preview
  • Blog Author: Shown as the author of the blog.
  • Blog Category: It is the category that the blog belongs to and is also used when creating the SEO Url and the Blog is only displayed in this category.
  • Sales Channel: It is the store selection where the blog will be displayed. This blog post is shown in selected stores. While blog posts like news can be shared across multiple stores. For blogs such as traffic and product promotion, it is important for SEO to only be displayed in a store so that there is no duplicate content.

 

Tip: You can check the information from the preview and have information about how it will look.

Tip: Incorrect and blank fields will inform you as they appear. So you can get better results.

Blog Post Scheduler

You can publish your blog post instantly, or you can use the scheduler to publish it at a later date.

Blog SEO Meta title, Meta description and Search Engine Preview
Blog SEO Meta title, Meta description and Search Engine Preview
  • Meta title: It is displayed as a title in search engines and is also the title of the page. Information about character lengths is in the help texts.
  • Meta Description:  It is displayed as a description in search engines. Information about character lengths is in the help texts.

 

Tip: These fields should be written in such a way that they are meaningful and of interest to your customers. Search engines may ignore repetitive and meaningless meta titles and meta descriptions. 

Tip: You can take a look at a preview of how it will appear in search engines.

Ongrano Blog Pro Advanced Custom Editor
Ongrano Blog Pro Advanced Custom Editor

Ongrano Blog Advanced Editor

Ongrano Blog Editor is a very useful and powerful WYSIWYG editor. It is fully compatible with Office programs, you can move it with copy paste and you can add pictures from your computer with just copy and paste. The following table describes the editor's tools.

ToolDescription
Ongrano Blog Pro Editor Text Type
Paragraph, (h2) Header 1, (h3) Header 2, (h4) Header 3 can be used. 
Ongrano Blog Pro Editor Font Family
Font family selection. By default, your theme's font is used. It is also offered in fonts found in every operating system such as Arial, Courier New, Georgia, Lucida Sans Unicode, Tahoma, Times New Roman, Trebuchet MS, Verdana and can be used when creating a blog.
Ongrano Blog Pro Editor Text Font Size
Font size selection. Tiny(10px), small(12px), default(14px), big(20px) and huge(26px) represent the font size. 
Ongrano Blog Pro Editor Text Background Color
Text background color selection. Many preset color can be used.
Ongrano Blog Pro Editor Text Color
Text color selection. Many preset color can be used.
Ongrano Blog Pro Editor Add Url
Used to add url to text.
Ongrano Blog Pro Editor Bold, Italic, Strikethrough, Underline
Bold, Italic, strikethrough, underline
Ongrano Blog Pro Editor Text Alignment
Text Alignment
Ongrano Blog Pro Editor Bullet List
Bullet List
Ongrano Blog Pro Editor Number List
Number List
Ongrano Blog Pro Editor Table
Table
Ongrano Blog Pro Editor Upload Image
Image Upload from your computer
Ongrano Blog Pro Editor Url Image
Add image with url
Ongrano Blog Pro Editor Video
Add video with url (Youtube)
Ongrano Blog Pro Editor Custom HTML and Javascript Code
Custom Html code and javascript code can be added. For example, twitter embedded publish code.
Ongrano Blog Pro EditorBlock quote
Block quote
Ongrano Blog Pro Editor Forward and Backward

 

You can do forward and backward actions in the editor.
Ongrano Blog Pro Editor Source Code
You can make changes in the Editor to the Source HTML code.

 

Ongrano Blog Pro is an indispensable plugin to increase your traffic and reach more customers with its advanced editor and guidance tools. In this article, we covered the step-by-step process from the initial setup of Ongrano Blog Pro to publishing a blog post. See you in other Ongrano product promotions and informative articles. Stay tuned.

 

 

 

 

 

Kommentare(0)


Teilen Sie Ihre Erfahrungen mit anderen Kunden.

Ihre Gedanken sind wichtig! Hinterlassen Sie einen Kommentar und teilen Sie Ihre Ideen.