Posted on 2 Comments

Wilcity App is now compatible with SDK45

As the title, Wilcity App is now compatible with SDK 45.

To update to this SDK, please follow these steps:

#1 Log into your ThemeForest account

#2 Go to Download area

#3 Download Wilcity package

#4 Extract the package, You will see wilcity-app.zip

Unzip this folder

#5 Before rebuilding your app, make sure that:

  1. You are using node 16 at least (We recommend using node 16.13.1 – You can easily download node version with NVM )
  2. You are using the latest version of EXPO
  3. Using cd command line and navigate to the wilcity-app folder.
  4. Run the following command line
rm -rf node_modules yarn.lock .expo .expo-shared 
yarn &&
yarn add expo &&
expo upgrade 45

#6 Replace the default configuration (like website, logo, icon, etc) with yours. Finally, rebuild the app.

#7 To run simulator, please run:

expo start -c 

#8 You can read Wilcity Documentation -> Wilcity App to learn more how to build Wilcity App.

You can also hire us on Wilcity Service and use the following buildappoffer coupon to get 20% off.

Posted on Leave a comment

LUNAR NEW YEAR 2022 – HOLIDAY ANNOUNCEMENT

Dear Valued Customers and Business Partners,

Lunar New Year Holiday is as known as Tet Holiday in our country.

Lunar New Year – Jan 29th, 2022 is the traditional Vietnamese New Year and the most valuable holiday in Vietnamese culture is now around the corner.

Wilcity would like to express our appreciation for your strong support and trust as well as your continuous cooperation.

Please be informed that our Customer Support service will behave a bit delay and behind from Jan 29th to the end of Feb 6th.

The business operation will resume as normal on Feb 7th, 2022. Our operation is not going to stop during this time, only the Customer Service has a delay in processing your issues.

So that should you have any questions, please do not hesitate to submit a ticket to https://wilcityservice.com/support/ticket/, We will try to check your ticket regularly and try our best to solve your issue if they are urgent situation.

We apologize for any inconvenience

I wish you and your family good health, success, and happiness in the new year.

Happy Lunar New Year!

Wiloke Team

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.

Demo: https://highspeedblog.com/

Purchase HsBlog: https://wiloke.com/product/hsblog-magazine-news-wordpress-theme-and-ios-android-app/

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 wilcity-package.zip file, You will see wilcity-app.zip – It’s latest version of Wilcity App.

Re-creating Wilcity App

Step 1: Extract wilcity-app.zip

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

{
    "api": {
        "baseUrl": "https://demo.wilcityapp.com/",
        "timeout": 30000
    },
    "apiHighSpeedBlog": {
        "baseUrl": "https://highspeedblog.com",
        "timeout": 30000
    },
    ...
}

Step 3: Rebuild your app.

Posted on 2 Comments

Integrating Custom Twitter Feeds to Wilcity

Thank Smash Balloon for creating an useful plugin https://wordpress.org/plugins/custom-twitter-feeds/

We got an interested question about Twitter Feed from @TokyKempen on the Wilcity Group

We absolutely can embed Twitter Feed to Wilcity, and in this tutorial, We will show up how to do it.

Step 1: Installing required plugins

  1. Logging into your Website
  2. Downloading Wilcity Custom Twitter Feeds plugin by clicking on https://www.dropbox.com/s/eoef19nanlna4yo/wilcity-custom-twitter-feed.zip?dl=0
  3. From the admin sidebar, click on Plugins -> Add New -> Install the plugin -> Activate it
  4. Click on Appearance -> Install Plugins -> Install and Activate Custom Twitter Feeds plugin

Step 2: Creating Twitter Configuration Group to Add Listing page

Clicking on Wiloke Tools -> Listing Settings -> Drag Group Field to Used Field. In the group field, You should add 5 fields with the following keys: usertimeline_text, consumer_key, cosumer_secret, access_token, access_token_secret and the group key is my_twitter_feeds

Step 3: Showing up Twitter Feeds on Single Listing page

Now, navigate to Single Navigation -> Add add new Section like this

Key: my_twitter_feeds

Content: [wilcity-custom-twitter-feeds]

And here is what you get on the Front-end

Twitter Configuration on the Front-end

Twitter Configuration in the Back-end