How is navigation between mini programs implemented?

Published: 2018-07-10

In response to the needs of a large number of users, a new Mini Program mutual redirect feature has been added. Mutual redirection can be achieved for Mini Programs under the same entity and different entities. There are two main methods: 1. Places in the basic components of a Micro Page where links can be added; 2. Every app that has a homepage banner ad slot can set a link to a Mini Program. Next, let’s look at the specific operation steps:

I. Places in the basic components of a Micro Page where links can be added

Log in to https://panel.myhostadmin.net/ user management backend, click the navigation “Micro Page Creation” to enter this page, then click the [Add Page] button to enter the Micro Page editing page. In the basic components, as long as a component allows adding links, you can select the [Mini Program] link. Currently, the basic components that allow adding links include: Text Navigation, Carousel, Image Navigation, Showcase, Title Text, Button, Image Group, and Sliding Images. As shown below:

1. Click the navigation “Micro Page Creation” to enter this page, then click the [Add Page] button to enter the Micro Page editing page;


2. As needed, select a basic component that allows adding links (the one selected in the figure below is Text Navigation), click [Set Link] in the Link column, and select the [Mini Program] link from the drop-down list that appears;


3. In the Mini Program redirect pop-up box that appears, select same entity or different entity. For the same entity, you need to fill in appid and address; for different entities, you need to upload the Mini Program QR code.



II. Every app that has a homepage banner ad slot can set a link to a Mini Program

Log in to https://panel.myhostadmin.net/ user management backend. For apps that can add a homepage banner ad slot, add a banner ad slot, and then you can set a link to [Mini Program]. Currently, the apps that can add a homepage banner ad slot include: Content Management, Hotel Reservation, Local Life, Reservation Basic Version, Merchant Onboarding, Micro Carpooling, Reservation Expert Version, Real Estate Agency, and Bargain. Below, we take the Content Management app as an example:

1. Click the “Homepage Ad Slot” navigation of the Content Management app to enter this page. If no ad slot has been added yet, click the [Add] button. If an ad slot has already been added and you need to add a Mini Program redirect link to an existing ad slot, click the [Edit] button;


2. Enter the ad slot editing page, click [Set Link] in the Jump to Page column, and select the [Mini Program] link from the drop-down list;


3. In the Mini Program redirect pop-up box that appears, select same entity or different entity. For the same entity, you need to fill in appid and address; for different entities, you need to upload the Mini Program QR code.


After setting up the Mini Program redirect link in either of the above two ways, click the configured element in the Mini Program to redirect to the corresponding Mini Program (for the same entity, it can redirect directly; for different entities, recognize the uploaded Mini Program code to redirect), as shown below: