<img alt="" src="https://secure.visionary-business-ingenuity.com/270481.png" style="display:none;">

How to add a WeChat Widget to your Website

August 16, 2023

You can access a WeChat Mini Program from both desktop and mobile devices.

From a desktop device, it is best practice to offer a QR Code for a user to scan with their WeChat mobile app that will take them directly to the WeChat Mini Program.


From a mobile device, it is best practice to offer a clickable link/button that will take a user directly to the Mini Program. 

 

 

 

Steps to create your Widget

  1. Log into the Viva City admin portal https://www.vivacityapp.com/admin

  2. Click on your name in the top right corner, and select ‘App Editor’

dashboard
  1. Select 'Edit'

App Editor
  1. Under settings on the left tab bar, select ‘Widget’. From this page, you can change the name, colour, size and position of the widget. Click ‘Save’ once you are happy with your changes.

    The widget is the green square on the bottom right of the image below. If you click it, it will load up the widget as a new tab.

Widget Configuration
  1. Once you have done all the changes, you must copy the code (highlighted in the red box below) and embed it onto your website header. 

 

After completing Step 5, the widget will be visible on your website. It will appear with the MP QR code, allowing users to scan it with WeChat and access the MP. 

You may adjust the widget's pisition anytime you want, without needing to copy and paste the scripts again. Once you've finished editing, just click 'Save' and refresh your webpage to see the updates.

Please contact support@vivacityapp.com if you require further assistance.

 

Want to see under the hood?

Schedule a demo and see how we can grow your
WeChat marketing results
Book a Demo