This theme integrates many plug-ins, and it also supports エレメンター or big WPBakery. Such a page is built, so it is a very fast theme for us to build toc sites, including some tob sites.
Xstore theme introduction:
Let’s first get to know this theme. It is updated frequently, so it is currently version 9.2, which is compatible with our current WordPress version 6.2 or above. This theme has a very good reputation. In addition, it integrates many business themes. This function can only be completed by commercial plug-ins, so it is loved by many foreign trade practitioners who build independent websites.
130+ page styles:
Let’s take a look at the introduction of this theme first. As we just said, it supports two popular page builders. In addition, it tells us that it integrates a lot of commercial plug-ins and provides us with more than 130 pages. The page style of the entire site looks very beautiful, and each style can support different page builders. You can import whichever page style you like to use. .
AMP speed optimization:
In addition to these page styles, we can examine some of its other functions. It is also very fast because it integrates itself. What is AMP? In fact, it is a plug-in issued by Google specifically designed to improve user experience and speed on mobile phones. xstore directly integrates the AMP plug-in into its theme, so its speed must be relatively fast.
Woocommerce components:
Then we also did some modules for woocommerce, that is, our store, to promote conversion.
For example, you can set your page views, including your color blocks, so we don’t need to install some color block plug-ins. You can also add some virtual purchases. We often pop up in the lower left corner or lower right corner of some independent stations. How many minutes ago did someone purchase a certain product? Many of these are false order reminders. This theme also integrates such modules to encourage users to place orders.
Elementor Custom Components:
In addition, we see that it also integrates some self-developed modules in the Elementor page builder. These modules match its theme very well. Some questions and answers are below, which we will not understand here.
Xstore theme installation:
Okay, now we go into the background to find the theme and then install it. So select the theme file we have prepared, and then directly install the main program. Then click to open the installation. After the theme is successfully installed, we activate it directly. Okay, after activation, an installation instruction will pop up. Of course, this is a YouTube video. If you can’t open it, just close it.
Then, we see that this theme is actually in an activated state. Then, you can adjust its modified interface above, and there will be a reminder below that you must install its core components. We can just activate the components here.
Xstore Usage:
Our theme has already been installed; you can install it here. If you cannot install it, you can normally install the core components in our installation package. For example, you open your plugin and click Add new, then upload your necessary plug-ins, click to open the first one, install the plug-in, and activate it after successful installation. Then, once you activate the plug-in, there will be many more settings on the function button on the left.
We enter xstore, one of its dashboards. Now that we see it, there is no reminder. There are many functional options here. Of course, there is nothing in the dashboard. We have already activated it here, so you don’t need to worry about its content. You can use this theme normally.
Xstore theme settings:
The second is that its theme settings can also be viewed here. Then, when you click on the theme settings, it will enter the customization so we can open it in a new window and look. Its theme settings are placed in the front-end interface, and then When you make modifications, you can directly see the effect of your page. We will explain it to you later.
Xstore theme styles:
The third one is its template. After you click on the template, you can see all the templates it provides. The templates are divided into two types of pages. For the builder, you can use Elementor or choose WC. For example, if you choose Elementor, then the themes here are based on the Elementor plug-in development style.
The next one is some of its modules that assist in the conversion rate. We told you about it when we demonstrated it earlier. For example, it can have an extra pop-up window. This pop-up window shows when others have purchased a product, that is, Promote conversion.
We can preview it.
For example, when someone is browsing a product, a purchase pop-up window will appear in the lower left corner, telling the customer that someone has purchased the product and then prompting the user to place an order. In addition to such modules, there are also some other modules. For example, you can get free shipping by purchasing as many products as possible, including its Q&A module. We also need to install plug-ins like Q&A to achieve this when we use other themes. Here, it is just one click Integrated.
It includes the number of views of your products, some user evaluation pictures, your payment methods, etc. It is very comprehensive, including our customized review module. If you need to enable these modules, just click to activate them.
Because our theme is registered and integrates a page builder for our email module, which we shared with you before, you don’t need to install those plug-ins here. Then you can directly install it Activation, after activation, you can then build a page for your emails. Here, you will see all your emails, such as the latest order, and then when you click edit, you will enter The interface of this page builder. I believe everyone is familiar with this interface. We have installed a page builder plug-in before.
WooCommerce メール テンプレート カスタマイザー: This plug-in is used to edit our email module specifically. It integrates this module directly, so you don’t need to purchase it.
Below are also some necessary plug-ins. These plug-ins allow you to extend some other functions. For example, the first one is its core component, and the second one is AMP and your own needs. If you need to install it, you can find the amp plug-in in our essential plug-in package, and then you can just install it after you find it. There is no need to install it through this location.
There are some others, such as changing its icon to our own icon in the background. You can add this module if you are helping others build a website.
Here are some regular woocommerce elements, including slides スライダー革命, some modules of our forms, and so on. You can activate and install them according to your own needs. They are already provided in our theme package. The last one is its patch. If there are some patches for this theme, you can check it and install the patch.
The following settings are very simple. You can customize our fonts and then set up the module. It also provides an atlas function. Here, we can see that there is an atlas. Of course, it also integrates ChatGPT. I won’t use this ChatGPT for now, so don’t worry. Some APIs, such as our Google Maps or Instagram, are also integrated. You can put the key of such a module in this position and then use it on the page. When building, use its module to add it to our page.
Let’s look at the left side. It also has some other functions. For example, it adds a lot of customized modules to our gadgets. You can put these modules in your sidebar. In addition, it has blocks, and you can set some modules and reuse them on other pages. After understanding the theme’s functions, let’s import a style and then change our default interface to it.
We find the demo, and then you choose the page builder you often use. For example, if we choose Elementor, we will find a style you like or one that matches your needs. For example, if you have a large site like this, You can build it. For example, it has many categories. Then, you can build a site similar to Alibaba International Station or Amazon.
The second one is a relatively simple toc site. You can also preview it.
Xstore demo data import:
Here we will directly import its module, import its style, click import, and then it will have a translation module, we don’t need to worry about it. Click Next, and then he suggests that we install its sub-theme so that you can install it or you don’t have to install it. If you want to install it, click this red one. If you don’t want to install it, click Next, and then it will remind you that if you install this style, you need to install three necessary plug-ins. The first is the free version of Elementor, the second is the form, and the third is the user subscription. Our A module for email subscription, which we directly click here to install these three plug-ins. After the plug-in is installed successfully, we can import its data.
The data here includes all of our presentation styles, such as our accessories, articles, product modules, etc. Because we are using a new site now, we just import it with one click and click to install it.
When it prompts that the installation is successful, we can close this button, and then return to the front desk to refresh our independent site. Now it will directly import the style we like for us. This is a standard toc site. , including a very rich range of products.
When we enter the product page, we can also see some product lists that it has imported for us. Of course, it has few products, but its overall style has been imported. Next, we can modify the content on this page for our own good. This is about the installation and data import of the Xstore theme.