WebApp quickstart

Get up and running with the sherpa° WebApp Whitelabel

Get started

The sherpa° WebApp is a complete, hosted solution that provides eVisa and travel requirements functionality. Unlike the embedded Trip Element, the WebApp runs on sherpa° servers and can be accessed via direct links or deep linking.

Step 1: Get Your Affiliate ID

Contact sherpa° to receive your unique affiliateId. This is required for all WebApp integrations and ensures you receive commission on eVisa sales.

Your affiliate ID will look something like: your-unique-affiliateid

Step 2: Choose Your WebApp Type

Decide which WebApp solution you want to integrate:

eVisa WebApp

Travel Requirements WebApp

eVisa WebApp - For visa applications and purchases

Direct users to product pages for specific passport/destination combinations
Pre-fill passport information for faster user experience
Handle complete eVisa application process

Step 3: Create Your Links

Build URLs that direct users to your co-branded WebApp. You can create simple links or use deep linking to pre-fill information.

Basic eVisa Link:

Replace your-unique-affiliateid with your assigned affiliateId.

index.html

<a href="https://apply.joinsherpa.com/explore?affiliateId=your-unique-affiliateid target="_blank">
  Get your visa
</a>

Basic Travel Requirements Link:

Replace your-unique-affiliateid with your assigned affiliateId.

index.html

<a href="https://apply.joinsherpa.com/travel-restrictions?affiliateId=your-unique-affiliateid" target="_blank">
  Check Travel Requirements
</a>

You should now have a working WebApp integration! Users clicking your links will be directed to sherpa°'s hosted solution with your branding.

Deep Linking Examples

To provide the best user experience, you can pre-fill the WebApp with traveller details using deep linking.

📖 Deep Linking Guide

For a comprehensive guide to deep linking with advanced examples, parameter reference, and best practices, see our dedicated Deep Linking guide.

eVisa Deep Linking

Pre-fill passport and destination for direct product access:

index.html

<a
  href="https://apply.joinsherpa.com/products?passport=USA&destinations=EGY&affiliateId=your-unique-affiliateid"
  target="_blank"
>
  Get your Egyptian eVisa
</a>

Pre-fill just the passport for the search page:

index.html

<a
  href="https://apply.joinsherpa.com/explore/USA?affiliateId=your-unique-affiliateid"
  target="_blank"
>
  Check Visa Requirements for a USA passport
</a>

Dynamic Link Generation

Generate links dynamically based on user data:

script.js

function generateTravelRequirementsLink(travellerData) {
  const baseUrl = 'https://apply.joinsherpa.com/travel-restrictions';
  const params = new URLSearchParams({
    affiliateId: 'your-unique-affiliateid',
    nationality: travellerData.nationality,
    originCountry: travellerData.originCountry,
    departureDate: travellerData.departureDate,
    tripType: travellerData.tripType,
    fullyVaccinated: travellerData.fullyVaccinated,
  });

  return `${baseUrl}/${travellerData.destination}?${params.toString()}`;
}

📘 Deep Linking Best Practices

Always include your affiliateId for commission tracking - Use UTM parameters for better analytics: &utm_source=your-site&utm_medium=button&utm_campaign=visa-check - Pre-fill as much information as you have - Test your links in both desktop and mobile environments - Consider adding language parameters for international users: &language=es-ES

Performance & commission optimization

UTM parameters help you track which campaigns and touchpoints drive the most conversions and commission revenue. Add them to your WebApp links to understand performance and optimize your marketing efforts.

Traffic and analytics tracking with UTM Tags

📊 Comprehensive UTM Guide

For detailed UTM implementation examples, best practices, and advanced tracking strategies, see our dedicated UTM Tracking guide.

Add these parameters to your WebApp URLs:

basic-utm-example.html

<a
  href="https://apply.joinsherpa.com/travel-restrictions?affiliateId=your-unique-affiliateid&utm_source=email&utm_medium=email&utm_campaign=pre-departure-7day&utm_content=visa-reminder"
>
  Check Travel Requirements
</a>

Essential UTM Parameters

Parameter	Purpose	Example
`utm_source`	Traffic source	`email`, `website`, `app`
`utm_medium`	Marketing medium	`email`, `button`, `banner`
`utm_campaign`	Campaign name	`pre-departure-7day`, `booking-confirmation`
`utm_content`	Link type	`visa-check`, `travel-requirements`

#WebApp quickstart

#Get started

#Step 1: Get Your Affiliate ID

#Step 2: Choose Your WebApp Type

#Step 3: Create Your Links

#Deep Linking Examples

#eVisa Deep Linking

#Dynamic Link Generation

#Performance & commission optimization

#Traffic and analytics tracking with UTM Tags

#Essential UTM Parameters

WebApp quickstart

Get started

Step 1: Get Your Affiliate ID

Step 2: Choose Your WebApp Type

Step 3: Create Your Links

Deep Linking Examples

eVisa Deep Linking

Dynamic Link Generation

Performance & commission optimization

Traffic and analytics tracking with UTM Tags

Essential UTM Parameters