Navigating the 22apps Dashboard

There are several areas within the 22apps Dashboard. This article's purpose is to give a quick tour of the whole dashboard.

First, ensure you log in to 22apps. You can log in to your account here:

https://build.22apps.com/

1. My App

To get to the My App Page, click at the top of the dashboard where it says My App. This page is where you can create new pages and build your app.

The My App Page includes:

All Screens

This is where you will create and make new pages for your app. Each screen you will create here will be a different page users can see within your app. For example, Home, About, Contact etc. 

• Displays each screen of your app.
• To create a new screen for your app, click the Add Screen icon. Afterwards, an input area will pop up. Type the name of the screen you want to make, and click Add.
• To access and edit a current screen, hover over the screen you’d like to access, and click the Edit Page button.
• To duplicate one of your existing screens, hover over the screen you’d like to clone, and click the duplicate icon. The icon looks like two little pieces of paper overlapping each other, inside of a small circle. A copy of the screen will appear after clicking.
  • Note - The duplicated screen will by default be named the same as the original screen, with (Copy) at the end of the name.
• To rename a screen, click the pencil icon when hovering over a screen, edit the name, and then click the save icon to set the new name for your screen.
• To delete an existing screen, hover over the screen you’d like to delete. Click the trash icon. After clicking, the screen will be sent to the trash.

• On the right-hand side of the page, click where it says Trash to access any previously deleted screens.
• To recover a deleted screen, navigate to the Trash page, and identify the screen you’d like to get back. Once identified, simply hover over the screen you’d like to retrieve, and click recover.
• Navigate back to the All Screens page by clicking the right side again, and your recovered screen will be there alongside your current screens.

Templates

Within the Templates tab, you can find examples of apps to get ideas or work from.

• Beside "All Screens" is the Templates tab. Click on Templates to find templates of apps under different categories. Hover over the app template you would like to open, then click "View Template". 
• From here, you can import any screen from the template directly to your app. To import a screen into your "All Screens" page, click on "Import" under the screen you would like to import. 
• Go back to the "All Screens" page, and you will see the imported screen added.
  • Note - Any imported template screen will by default be named the same as the original screen, with (Imported) at the end of the name.

Links

The Links tab is used to help share your app online - particularly via email, your website, and social media.

• Note - Ensure you've uploaded the first version of your app to Apple and Google before creating these links.

Once you've uploaded your apps, the Links tab will help you create one link called the "Share Link". This will automatically open the correct app store depending on the type of device used.

• So for example, if you posted this link on social media, if anyone using an Android clicks the link, it will open your app in the Google Play Store. If an iPhone user clicks that same link, it will open your app in Apple's App Store. (Essentially - this saves you from having to post multiple links).

In addition, there's a piece of code called the "Copy Website Pop-Up Embed Code". if you post this piece of code on any web page, it will automatically create a popup directing users to download your app.

Here's an example of what this looks like on an iPhone:

Note - this may not work on all websites, but will work on most.

Apple Store App Link

• This is the link to your app in Apple's App Store. To add your app's link, click the EDIT button, and paste the link in.

The easiest way to get the link to your app's App Store product page is this:

• Go to this link:
• https://theappstore.org/
• Search your app's name
  • Note - it must already be approved by Apple and uploaded to appear in the App Store

• Select your app from the list. This will take you to your app's App Store page.

• Copy the URL of your app, and paste it directly into the "Apple Store App Link" in 22apps.

Google Play Store App Link

• This is the link to your app in the Google Play Store. To add your app's link, click the EDIT button, and paste the link in.

The easiest way to get the link to your app's Google Play Store product page is this:

• Go to this link:
• https://play.google.com/store/search
• Search your app's name

• Select your app from the list. This will take you to your app's Google Play Store page.

• • Note - if your app isn't showing up yet after recently uploading, you might have to wait a day or two.
  • Also, to find your app easier, you may need to filter the search to just Android Devices.
• Copy the URL of your app, and paste it directly into the "Google Play Store App Link" in 22apps.

Social Media Image

• This is the image that will be shown when you share your app's link via social media.
• To upload your image, click on upload, then choose your photo.

Social Media Headline

• This will be the headline that will be shown when sharing your app's link via social media. To edit, click EDIT. 

Social Media Description

• Under the headline, your description will be shown while sharing your app's link via social media. This can be a brief description about what your app is about and what it does. To edit your description, click EDIT. 

Copy Website Pop-Up Embed Code

• This long string of text is a piece of code called the "Copy Website Pop-Up Embed Code".
• If you post this piece of code on any web page, it will automatically create a popup directing users to download your app.

Here's an example of what this looks like on an iPhone:

Grab Your Share URL:

• This is the link that automatically opens the correct app store depending on the type of device used.
• So for example, if you posted this link on social media, if anyone using an Android clicks the link, it will open your app in the Google Play Store. If an iPhone user clicks that same link, it will open your app in Apple's App Store. (Essentially - this saves you from having to post multiple links).

App Name

• To change your app’s name, identify the area under the text “App Name”. click the adjacent EDIT button to the right. After clicking, an input box will come up. Type in your app name, and click the DONE button when finished.
• Note - If you've already uploaded your app, this will not change the name of your app in the app stores - you must go into your Apple and Google Developer accounts to do this.

Primary and Secondary Colors

• Primary and secondary colors are used as default color schemes when adding in new content to your app.
• To edit your app’s primary or secondary color, click the + icon beneath where it says “Primary Color” or “Secondary Color”. A color input area will pop up.
  • To select a basic default color, simply click one of the colors along the bottom. To customize, drag the color and opacity sliders to your liking. A preview of your exact color will appear in a little square to the right of the two sliders.
  • To use your own specific color, you can type in or paste a Hexcode above where it says “Hex”, or you can use numerical values for the RGBA input boxes.
• Once finished, simply click anywhere else on the page to view your color next to the + icon.

Default Font

• The default font of your app determines the font that is initially set when you add in a new header, text, button, or list element.
  • Note - you can still individually change the font of each element in the element's settings.
• To edit your app’s default font, click the drop-down window beneath where it says “Default Font”. Afterwards, scroll and select your ideal default font type.

Home Screen

• Here you can choose which screen your Home Screen will be. In order to select a different home screen, click the drop down arrow. This will give you an option of all your screens to choose from. 

Remember Last Screen

• This setting can keep track of the last screen the user was on. This allows users to close out of your app on any screen, and when they return to the app, the last screen they were on will be the screen they open the app to.
• In order to turn this function on or off, click the checkmark box under "Remember Last Screen".
  • Note - If you turn this off, the first screen every time the app is opened will be whatever is chosen for the Home Screen.  

Privacy Policy

• To create a privacy policy for your app, click Generate Now. This will take you to a new page where you can fill in your information. 
• It's important to remember that this is only a template that is provided for a reference of what a privacy policy looks like. You will be solely responsible for all liability if you choose to use the provided privacy policy. 
• If you choose to use the policy, fill in your information, and click the box "I Understand And Agree To Use This Privacy  Policy At My Own Risk" then click Generate.

• By clicking Generate, 22apps will give you a link to your privacy policy used for your app. Save the link somewhere you won't lose it, either by bookmarking or adding to a document.

Splash Screen

• The splash screen is the loading screen of your app when it is first being opened on a phone or smart device.
• The splash screen must be an image that is exactly 1242x2436 pixels.
• To upload your splash screen image, click the UPLOAD button in the “Splash Screen” area. A window will pop up where you can drag and drop your image file to upload it. Alternatively, you can click the Add Image button in the upper right corner of the window to open your file explorer and select the image from there. After you have selected an image, click Save.

Logo

• The logo of your app is the square icon people click to access your app from their phone or smart device.
• The logo must be an image that is exactly 1024x1024 pixels. To upload your logo image, click the blue UPLOAD button in the “Logo” area.
• A window will pop up where you can drag and drop your image file to upload it. Alternatively, you can click the Add Image button in the upper right corner of the window to open your file explorer and select the image from there. After you have selected an image, click Save.

This will take you to the Help Center, which you are currently using to read this article. To get to the Help Center, click at the top where it says Help. You can search for your question, look through the most popular articles or click on a category with multiple articles.

If you would like to contact us, click the Contact button at the top right, beside "Home". This will bring up a pop-up where you can write a message.   

4. Start Here

This will provide you with all the training content you will need in order to succeed with your app in 22apps. Here, you can learn about how to use the 22apps platform and how to create & monetize your app idea.

5. Bugs & Feature Requests

Through Bugs & Feature Requests, you can report any issues with 22apps, request new features, view new and future changes, see what community members have posted and interact with them. 

Bugs

• By clicking on Bugs, you can see all existing bugs, comment on posts, or create your own posts about bugs you have come across. 
• Where it says "Showing ____", you can click the down arrow to see the option of viewing the posts in order of Trending, Top, or New. In the same area, you can filter the posts to see Under Review, Planned, In Progress or Complete. 
• You can also search for a key words or phrases in the search bar.

Feature Requests

• By clicking on Feature Requests, you can see all existing bugs, comment on posts, or create your own posts about bugs you have come across. 
• Where it says "Showing ____", you can click the down arrow to see the option of viewing the posts in order of Trending, Top, or New. In the same area, you can filter the posts to see Under Review, Planned, In Progress or Complete. 
• You can also search for a key words or phrases in the search bar.

Roadmap

• The roadmap shows you What is under review, what is planned and what is in progress concerning both bugs and feature requests. 

Changelog

• Here, you can view what has been changed with 22apps under the categories, New, Improved, and Fixed. 

6. Affiliate Area

Under Affiliate Area, you can find all information regarding how to refer new users, promotional material, your complete list of previous and current referrals, as well as your earnings. 

This is a fantastic resource if you want to earn some extra money by simply grabbing your affiliate link and sharing on social media and email, as you'll get paid to share 22apps!

Note - 22apps PRO users get 40% commission for each sale, whereas 22apps Lite users will receive 20% commission for each sale.

Links

• Here are the direct links you can share with others that have your referral code added. These links will send people to a landing page leading through to a purchase of 22apps. Simply copy and paste into email, social media, websites - anywhere you'd like to promote 22apps.

Swipe

• Provided here are numerous options of promotional materials based on what platform you will be sending it on. For example: email, social media, blog reviews, articles - and several more!
• You can copy and paste these directly into whatever medium you'd like, and they will have your referral code added by default.

Referrals

• Here, all of your referrals are listed so you can keep track. The page is divided into three parts; Indirect Referrals, Direct Referrals, and Referral Payouts. 

Stats

• Here is where you can see all the statistics of your referrals. This includes Unpaid Referrals (Pending Sales), Paid Referrals (Approved Sales), Link Visits/Clicks, Pending/Unpaid Earnings and Paid Earnings. 

Settings

•  Under settings, you can change your payment email and enable new referral notifications. 
• The Payment Email is where you'll be sent your payments via PayPal. View the payment term details in the affiliate agreement linked here:
• https://22apps.com/affiliate-agreement/
• New referral notifications means that every time you make a sale, you will be notified via email.

• When you are finished changing your settings, click Save Profile Settings. 

7. Profile

To access your profile, click your profile icon in the top right of the dashboard. (If you haven’t uploaded your own profile image, it will be a default grey profile icon).

The Profile Page includes:

Profile Image

• To edit your profile image, click the profile icon in the upper left. A window will pop up where you can drag and drop your image file to upload it. Alternatively, you can click the Add Image button in the upper right corner of the window to open your file explorer and select the image from there. After you have selected your image, click Save.

First and Last Name

• To edit your profile’s first & last name, click the EDIT button in the “Update Name” section. Afterwards, two text input sections will appear. Type your first name into the first box, and your last name into the second box. Click DONE once completed.

Phone Number & Email Address

• To edit your profile’s phone number & email address, click the EDIT button in the “Update Your Phone Number or Email” section. Afterwards, two text input sections will appear. Type your current phone number into the first box, and your current email address into the second box. Click DONE once complete.

Password

• To update your password, click the EDIT button in the “Update Your Password” section. Input your current password into the first input box that appears, and enter your new password into the second box. Type your new password again into the third box to confirm, and click DONE once complete.

Additional Users

• To add additional users to edit and update your app, you can invite them via email. 
• For more information, click here: Inviting Additional Users

Log Out

• To log out of your 22apps account, click the blue LOG OUT button in the upper right corner of the page.

To access your account settings, click the green button UPDATE BILLING in the upper right corner of your profile page to go to the “My Account” page.

The My Account includes:

• You automatically load into your account dashboard after clicking UPDATE BILLING on your profile page. The dashboard gives you an overview of the account details you can manage. Navigate to other pages by clicking the corresponding page link in the menu on the left side of the page. To get back to the dashboard from another page, click Dashboard in the menu on the left of the page.

• The Orders page displays all your 22apps orders. In the table on the right, view your orders by their order number, date, current status, and the total cost. To see more info for any specific order, click the View button.

• This page features all the details of your subscription. Click "View" to see any subscription details, or to edit the subscription.

• This page displays the billing address and the shipping address that will be used on the checkout page by default. To add an address if you haven’t set one up yet, click the Add button to the right of the address type you’d like to input. To edit a current address, click the Edit button. Input all your correct information on the page that loads, and Save when complete.

• This page displays your current payment methods. To add a new payment method, simply click the button labeled Add payment method. Input your payment information, and click Add payment method once complete.

• This page displays all your basic account details. Here you can edit your first and last name, your display name (which is how your name will be displayed in the account section and in reviews - such as reviews on blog articles on the 22apps website), your email address, and change your password. If you made any changes, be sure to click Save changes at the bottom to confirm.

• Click the Logout button on the menu to log out of your account.

If you have any questions about this article, feel free to reach out to our support team! We're happy to help.