Landing Page Customization on React Native

To provide more engaging experience to the invited users, you can customize the content of the landing page for each Smart Invite sent from the client side.

Configuration

Possible configuration options:

• Title: Title of the page.
• Description: Short description.
• Image: Landing page image. Can be an image URL.
• Video: Landing page video to be displayed instead of an image. At the moment we support only YouTube video URLs.

Example:

1. Customize content via Smart Link parameters:

   var landingPageImageUrl = // image url
   const linkParams = new Map;
   linkParams.set(GetSocial.LinkParams.LANDING_PAGE_CUSTOM_TITLE, "Hey friend!");
   linkParams.set(GetSocial.LinkParams.LANDING_PAGE_CUSTOM_DESCRIPTION, "Check out this record!");
   // To add an image using url:
   linkParams.set(GetSocial.LinkParams.LANDING_PAGE_CUSTOM_IMAGE, landingPageImageUrl); 
   
   // Alternatively, you can add a YouTube video instead of an image:
   linkParams.put(GetSocial.LinkParams.LANDING_PAGE_CUSTOM_YOUTUBE_VIDEO, "https://www.youtube.com/watch?v=dQw4w9WgXcQ");
   

2. Send customized invitation via GetSocial Data API:

   const inviteContent = ...; // create invite message content
   GetSocial.sendInvite('email', inviteContent, linkParams, successCallback, cancelCallback, errorCallback);
   

   Or via GetSocial UI:

   GetSocialUI.createInvitesView().withLinkParams(linkParams).show();
   

Next Steps

• Setup mobile app to receive Smart Links on Android, iOS, Unity and React Native.
• Check the Smart Links best practices.
• Customize your Smart Link Domain.

Give us your feedback! Was this article helpful?

😀 🙁