Skip to main content Skip to footer

How to add travel widgets from Trip.com

Embed Trip.com widgets (Search, Deals and more) on your uSkinned Site Builder website using one of the many embed HTML options provided. You can earn commissions by promoting Trip.com travel offerings with the easy-to-use tools.

Step 1

Go to the Trip.com website and sign in to your partner account. Locate Marketplace, go to Products and create your first Product — In our example, we'll create and use the search box widget.

Step 2

Login to the CMS.

Step 3

Go to any page (or create a new page).

Step 4

At 'Main content' click 'Add content'.

Add a modular component with uSkinned for Umbraco.

Step 5

In the slide-out panel, choose the 'Embed Code' component.

Component options with uSkinned.

Step 6

In the field 'Code' paste in the code you copied from the Trip.com website. In the bottom right, hit Submit.

Paste your embed code.

Step 7

With the slide-out panel closed, hit 'Save and publish' at the bottom-right of the screen.

Step 8

Now view your Trip.com search box widget on the front end of your site. 

Search box widget in action

Below is a demo of a search box widget from Trip.com — try it out.

More ways to display Trip.com Widgets

There are a variety of places you can embed Trip.com Widgets on your uSkinned Site Builder website.

You can try this out using the same steps for:

— Pods component > Embed Code
— Split component > Embed Code block
— Global components > Embed Code
— Global pods > Embed Code
— Extra Content > Top Components > Embed Code
— Extra Content > Bottom Components > Embed Code
— Extra Content > Pods > Embed Code
— Footer pods > Embed Code

#h5yr

Step 1

Sign up

Start a free trial of Site Builder.

Step 2

Design

Tailor the look and feel with the Visual Designer to suit your brand.

Step 3

Create

Add content with built-in eCommerce and third-party integrations.

Step 4

Go Live

You can host on Azure with us or choose your own with the self-hosted license.