--- title: "Create a Project" slug: "create-a-project-1" updated: 2026-08-06T15:35:43Z published: 2026-08-06T15:35:43Z canonical: "support.whatfix.com/create-a-project-1" --- > ## Documentation Index > Fetch the complete documentation index at: https://support.whatfix.com/llms.txt > Use this file to discover all available pages before exploring further. # Create a Project An in-app experience or a project is an in-app interactive solution that provides contextual training, help, and on-screen guidance for your end users to increase activation, adoption, and engagement. Select any one of the following project types based on your use case: - Onboarding & Training - In-app help - Feedback & Survey - In-app messages - Nudges - Delight Each project contains Whatfix Mobile elements like Walkthrough, Tooltip, Highlight, Pop-up, Bottom Sheet, and more based on the project type you select. Use the following steps to create a project: - [Step 1: Create a project](/mobile/docs/create-a-project-1#create-tooltip) - [Step 2: Capture your Mobile app screens](/mobile/docs/create-a-project-1#connect-capture) - [Step 3: Identify the screen](/mobile/docs/create-a-project-1#identify-screen) - [Step 4: Design the element](/mobile/docs/create-a-project-1#design-tooltip) ## Step 1: Create a project 1. On the Whatfix Mobile Dashboard, click the app in which you want to create your project. ![Mobile_Db_Select_App.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_Db_Select_App.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) 2. To create a new project, click **+ New**. ![Mobile_new_Project.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_new_Project.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) 1. Based on your use case, select your **Project Type**. For this example, let's consider a **Tooltip**. ![Select_Project_Type.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Select_Project_Type.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) 1. Enter a name for your project. ![Mobile_New_Project_Name.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_New_Project_Name.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) 2. Enter the **App Version** or select the **App Version** using the dropdown. ![Mobile_app_version.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_app_version.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) Info: - Use the latest version of your app to create Whatfix Mobile content. For more information on app version, see [What is an App Version?](/mobile/docs/app-version) - Ensure that you add the correct app version from the app build that was integrated with the Whatfix Mobile SDK. 3. Click **Create**. ![Mobile_Click_Create.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_Click_Create.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D)          Info           Ensure that you add the correct app version from the app build that was integrated with the Whatfix Mobile SDK. Often developers use the dev/staging build to integrate any third-party SDK. ## Step 2: Capture your Mobile app screens Capture screens as a one-time step using the Whatfix Creator widget. The widget enables you to capture app screens as screenshots and saves them to your Whatfix Mobile Dashboard to create in-app guidance content. It also enables you to preview your projects and test them before publishing. For more information on how to capture and add app screens, see [Capture Mobile app screens](/mobile/docs/capture-your-app-screen-using-new-screen-capture-experience). Use the following steps to add a screen: 1. On the **Identify Screen** window, click **+ Add screen**. ![new_add_screen.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/new_add_screen.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) 2. Select the screen where you want to create the content and click **Add Screen**. ![select_screen_add_screen.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/select_screen_add_screen.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) ## Step 3: Identify the screen After capturing the screen, you need to identify the unique elements on the screen and tag the screen so that the in-app experience you create appears on the right page. 1. To identify the unique elements on the screen and to tag the right screen, click **+ Add Identifier**. ![Mobile_Add_Identifier.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_Add_Identifier.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) 2. Click the desired element on the page. ![Mobile_identifier_Home.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_identifier_Home.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) Example: If you want to show a Tooltip on the Home screen, choose the title Home, which can uniquely identify the screen and show the Tooltip on the correct screen.          Info           Click **Add More** to select more elements on the page and then repeat step 2. ![Mobile_Identifier_Add_More.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_Identifier_Add_More.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) ## Step 4: Design the element You need to choose a template for your Tooltip and select the element upon which you want to place the Tooltip. Once the Tooltip is set to appear on the element you want, design the Tooltip as per your requirement. Use the following steps to design your Tooltip: 1. On the Whatfix Mobile Studio, click **Design**. ![Mobile_Element_Design.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_Element_Design.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) 2. Choose a template for your Tooltip. ![Mobile_Choose_Your_Template.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_Choose_Your_Template.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) 3. To target the element on which you want to place your Tooltip, click **Identify Screen**. ![Mobile_ Identify_Screen.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_%20Identify_Screen.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) 4. Select the desired element on the screen. ![Mobile_element_selection.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_element_selection.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) 5. Click **Confirm**. ![Mobile_Confirm_identifier.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_Confirm_identifier.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D)          Info           - The Tooltip appears on the element you choose. ![Mobile_Sample_tooltip.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_Sample_tooltip.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) - To place your Tooltip elsewhere, click **Change**. ![Mobile_Change_location.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_Change_location.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) 6. Click the Tooltip to configure the following: - On the Body of the Tooltip, edit the text, [add user property](/mobile/docs/personalization), font, font size, font weight, text alignment, text color, and bottom margin. ![Mobile_Design_Body.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_Design_Body.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) - Align the Body text to the top or bottom, add any content block, or delete the Body section using the action bar. ![Mobile_design_body_control.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_design_body_control.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) - Increase, decrease, or delete the Top Spacer using the action bar. ![Mobile_design_topspacer.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_design_topspacer.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) 7. Configure **AUTO DISMISS** if you want to dismiss an element automatically after an interval. Also configure the **TRIGGER EVENT** and **ELEMENT TERMINATION** events. ![Mobile_Tooltip_Autodismiss.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_Tooltip_Autodismiss.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D)          Info           - Click the **Edit** icon to enable Overlay, change the Tooltip color, and add Ripple Effect. ![Edit_Tooltip.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Edit_Tooltip.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) ![Layout_Tooltip.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Layout_Tooltip.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) 8. Click **Done**. ![Mobile_Studio_click_done.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mobile_Studio_click_done.png?sv=2026-02-06&spr=https&st=2026-10-29T13%3A58%3A47Z&se=2026-10-29T14%3A58%3A47Z&sr=c&sp=r&sig=eq3Nel6Edn34NJUu1lkO5StFlYFz3YwiJifLfxfPnJs%3D) The Tooltip you create is automatically saved. Info - [Preview projects on a device](/mobile/docs/preview-projects-on-a-device) before making it live for your end users. - After creating and designing your Project, click **Publish** to make it live for your end users. For more information on publishing Whatfix Mobile content, see [Publish Whatfix Mobile content](https://support.whatfix.com/mobile/docs/publishing-whatfix-content).