Create and publish a project

Learn how to create an in-app experience or projects and make it live for your mobile users.
Watch this video for a quick summary of Leap.
Creating and launching an in-app experience with Leap is simple and requires few steps to be followed.
Quick Reference
Details
Add a new app on Leap, SDK Integration
Use elements or flows to create an in-app experience
Create a cohort of users to run a campaign on
Make your project live for your app users
See how your users interacted with the new experience.

Adding a new app

To add a new app:
  • You will see a new popup screen. Go ahead and upload an app icon and give a name to your app.
  • Click on proceed to go ahead. On the next screen, you will be asked to select one of the platforms. Choose on and click on Create app.
  • You can invite your team members to access the app and the projects related to it by clicking on the + icon. Then add their email ID to send them an invite with the app's access on Leap.
Note: You can only add existing members to an app. You can add them using the Org setting.
  • Once you have added your team members to the app, the next step is SDK integration. If you do not have the authority to integrate, click on the share icon, and we will send the integration instructions to the concerned developer.
  • Tada, you have successfully added your app. Now it's time to create a project and make it live.

Creating a project

To create a new project:
  • Choose one of the apps from your dashboard to work upon.
  • Go to the projects page and click on Add project.
  • Select a project type depending on your use case. For this guide, I have selected Tooltip, and we will be adding a tooltip to one of the screens in the app.
  • Give your project a name that can be easily referred to - For example, Onboarding tours, Halloween offers, etc. Next, select an app version and click on Create.
Note: Please pay attention to the app version and double-check the information from the app build that was integrated with Leap SDK. Often developers use dev/staging build to integrate any 3rd party SDK first.
  • You will be redirected to Leap Studio. Here you can find a QR code to scan on the connect device section.
  • Open the integrated app on your smartphone and scan the QR code displayed on your connect device section.
Could not load image
  • Within seconds your app is connected and ready to stream the screens.
  • Click on Capture to grab the current screen. This exercise needs to be carried out for each screen that is associated with a project.
  • Once Leap captures the screen, you can tag identifiers from the canvas to uniquely identify the screen.
  • These identifiers can be tagged anywhere on the canvas. In addition, you can add more identifiers by clicking on Add More.
  • Once you have added the identifiers, click on Design on the left tab. You can choose from the list of pre-built templates and customize them to your needs.
  • On selecting a template, you need to target your element to a specific section on the canvas.
  • Once you have selected the identifier, you can target the element by clicking on Confirm. To place your element elsewhere, click on Change.
  • You have added the element to your screen now. Go ahead and configure auto dismiss if you want to dismiss an element automatically after an interval. You can also configure trigger and termination events from the respective options on the right tab.
  • You can now customize the element and its experience by clicking on the Customize button from the bottom left of the canvas.
  • Using our powerful element editing panel, you can change the layout to your needs. Once you have finished editing, click on the Done button.
Note: Preview mode is only available if you have enabled creator mode SDK on your app during integration. Refer to SDK Documentation for more details.
  • You are now ready to publish your project for your end-users. Click on Publish to proceed with deployment. Then, go ahead and click on Create New.
  • Give a name to your deployment and add a short description. If there is more than one project created, you can choose to deploy multiple projects simultaneously. For example, you want to run an A/B test between multiple variants of the experience. Click on Next Step when you are ready.
  • In this screen, you can select one of the segments to roll out the project to. By default, there are some segments available for you to use. However, in case you want to create your own segment, follow the guide here.
  • Select the rollout percentage which gives you control to do a phased deployment. If you have multiple variants to deploy, the split will be automatically created. You can also configure the start and end date. Click on Create button to proceed.
  • Once you click on Create you will be redirected to the editor home screen. And you can see the deployed project in the notification window.
Awesome! You have created and launched your first in-app experience. Now you can check out insights to see how your projects are performing. Go ahead and create more to delight your users.