Posted on Leave a comment

Integrating HsBlog to Wilcity

What’s HsBlog

HsBlog is an elegant WordPress Blog, Magazine theme based on ReactJS – A JS Application created by Facebook. Take advantage of ReactJs, HsBlog brings to your readers a different experience than other themes: When clicking a link on the website, HsBlog doesn’t Have To Refresh the Browser, the data is downloaded instantly instead. SPAs are all about serving an outstanding UX by trying to imitate a “natural” environment in the browser — no page reloads, no extra wait time.


Purchase HsBlog:

Integrating HsBlog to Wilcity Theme

Before you start

Before you start, make sure that the following plugins are installed and updated:

HsBlog Core

  1. Log into your Hsblog site
  2. Click on Wiloke Service
  3. Then click on Update button on HsBlog Core

Wilcity Plugins

  1. Log into your Wilcity Site
  2. Process to update the following plugins: Wilcity Shortcodes, Wilcity Elementor Addon (If you are using Elementor), Wilcity WP Bakery Addon (If you are using WP Bakery Pagebuilder)
  3. Look for Wilcity HsBlog plugin and click on Install button. Then, click on Activate button.

Integrating HsBlog Category to Wilcity Theme

Step 1: From the admin sidebar, click on Appearance -> Theme Options -> HsBlog Settings -> Enter in your HsBlog Website URL to HsBlog Base Url setting

Step 2: Click Save Changes

Step 3: Go to your Homepage -> You will see Edit Page link at the top of the page -> Click on it. Or you can click on Pages (on the Admin sidebar) -> Search for your Homepage -> Click on Edit link

Step 4: Do the following steps to add HsBlog Categories to your site (Do the same thing with Elementor and WP Bakery)

Integrating HsBlog To Wilcity App

Before you start

Before you start, You should go to ThemeForest and download latest version of Wilcity. Then you need to extract file, You will see – It’s latest version of Wilcity App.

Re-creating Wilcity App

Step 1: Extract

Step 2: Open configureApp.json and add your hsblog site to baseUrl under apiHighSpeedBlog. The code should look like this:

    "api": {
        "baseUrl": "",
        "timeout": 30000
    "apiHighSpeedBlog": {
        "baseUrl": "",
        "timeout": 30000

Step 3: Rebuild your app.

Leave a Reply

Your email address will not be published. Required fields are marked *