Skip to content

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:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    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:

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

    Or via GetSocial UI:

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

Next Steps

Give us your feedback! Was this article helpful?

😀 🙁