This is one of the most powerful features of the tool as it allows you to integrate your MOGU journeys with your ecosystem, thus achieving maximum user experience and personalisation. It is accessed by right-clicking on the "share" option.
To integrate the proposals you will have to go to the trip on the platform where it says "share".
In this article we will look at the 3 integration options offered by MOGU:
First of all, please note that this is a feature of the Premium plan. Click here to learn more about the plan.
1. Proposal integration
Recommended for agencies looking for a higher degree of customisation (this is the most complete integration, offering the visualisation of the itinerary and the booking within the agency's website) and above all, to simplify the work on their website (there are themes or plugins that are complicated to use and adding any minimal change takes hours).
To integrate the first proposal you will have to configure how you want it to look on your website (with or without title, photo size, menu type, alignment) as shown below. This will generate the line of code that you need to copy and paste.
Now, on your website, you will have to add a section and above it add a HTML block (</>). There you will have to paste the code. Finally, you will have to adjust the block so that it is displayed at full size, both in width and length, both in web and mobile mode. In these articles we show you how to make the configuration if you have your website on WIX and Wordpress.
We conclude with several examples of how all the integration options could look on the same website:
Example of integration A: With title, full size photo and right vertical menu.
Example of integration B: With title, full-size photo and horizontal menu
Example of integration C: No title, no photo, and horizontal menu
2. Trip card integration
This option is very useful to be able to add your travel card on your website in a simple way without having to design the travel grid manually.
Recommended for agencies that have a very simple website, i.e. without an agency theme installed that gives you the grid travel views. This option will allow you to equip the product website as soon as possible. By adding the agency domain, it will be fully integrated into your ecosystem.
The final result, your website with a visual design connected to your MOGU trips. When the user clicks on the card, a new page with the trip will open.
To do this, you will have to click on the "share" option and the card dimension that suits you best (square, vertical rectangle or horizontal). Note that you can also indicate the dimension you want by editing the values of the script "width" and "height". Now all you have to do is copy the code.
Paste it in a custom HLTM tag on your website. If you use a content management system such as Wordpress or Wix, it is very simple, you will have to look for an element that has these icons: </>. If you have a custom website, don't worry, your technician can do it in 2 minutes.
3. Checkout button integration
This option allows you to integrate the checkout button to open the sale within the same website. This button can be used to simply show the registration form or the complete checkout, which would also include payment for the trip.
Recommended for agencies looking to sell from their website in a simple way, that is, without the need to install plugins such as Woocommerce or specific booking management themes. The checkout button offers the user the shopping experience on the web, when the configuration of the packages (quotas, sale of options) is done from the mogu backoffice.
As in the other occasions, you will have to click on "share" and select a button. We will be able to change the colour and the text (Book, Register, Pay for trip, Request quote, etc.).
