App, Plugin and Theme Installation
AppPresser has a suite of WordPress plugins and our AP3 Ion theme that you must install on your WordPress site to get started.
These plugins connect your WordPress site to your Application inside of the My AppPresser Dashboard. You must install and configure these plugins on your WordPress site before building your app on myapppresser.com.
If this is your first time with AppPresser, we have a great article explaining the requirements to getting started with AppPresser.
Login
- After purchase, reset your password and login at https://myapppresser.com
- You will be redirected to your site, myapppresser.com/your-site-slug Bookmark this! This is where you will find your app builder, account information, and downloads. You'll need the Site Slug later on in this article.
Example: myapppresser.com/my-site
Create your Application
- Create your first app by visiting your app dashboard (myapppresser.com/your-site), and click the + New App button at the top of the page.
- Choose the options you'd like in your app, add your WordPress URL, and click Create App.
- Once you have created your application, you're ready to install the necessary plugins and theme. Please Continue with the steps below to install the AppPresser, JWT Authentication plugin and the AP3 Ion Theme correctly.
Install AppPresser Core and JWT Authentication plugins
- Install and activate the AppPresser core plugin.
Login to your WordPress website, go to Plugins > Add New, and search for "AppPresser". Install and activate. You may also download the plugin directly from the WordPress repository using the link above.
- Install and active the JWT Authentication plugin.
Login to your WordPress website, go to Plugins > Add New, and search for "JWT Authentication for WP REST API". Install and activate. You may also download the plugin directly from the WordPress repository using the link above.
- After you create your first app on myapppresser.com, you will be provided an App ID
- Add your Site Slug and App ID to the AppPresser settings page inside of your WordPress dashboard. Using the following example - your site slug is the part of the URL following the trailing slash or back slash: https://myapppresser.com/mysite/
- Your App ID would be 7
- Your Slug: mysite
- Add your account email in the AppPresser email field. Without this email, you will not receive plugin updates. You must use the email that you purchased your AppPresser account with.
- In the AppPresser settings add a random string in the JWT Secret Key field. If you do not see the Secret Key Field, check to see if the plugin is activated.
You can get a random string here or from directly inside of the AppPresser Settings page. Copy only one string as below, between the apostrophes, not the whole line of code. You can also use your own random string if you like.
- Here is what the Full AppPresser Settings page should look like when you are complete. When the Site Slug, App ID, JWT secret key and email address are entered into the AppPresser Settings Page - CLICK SAVE SETTINGS.
Instal AP3 Ion Theme - Or - AppPresser Bridge Plugin
We recommend installing either the AP3 Ion theme or the AppPresser Bridge. It is not recommend installing both. You can read these articles to understand the difference between the theme and bridge plugin.
Installing the AP3 Ion Theme
- Download the AP3 Ion Theme - OR - AppPresser Bridge plugin from inside of your Application dashboard.
- Log into the My AppPresser dashboard. Click on the name of your Application. Using the navigation menu in the sidebar, select Connect > Install Plugins > Scroll down to the bottom of the page.
- Example URL: https://myappparesser.com/YOURSITE/app/YOUR-APP/#install-plugins
- Download the AppPresser Bridge and AP3 Ion Theme. Include any extensions you also want to install on your WordPress site.
- Go to Appearance > Themes > Add New > Upload Theme and upload the Ion Theme .zip file.
NOTE: Do not activate the AP3 Ion Theme. It should stay inactive. The AppPresser core plugin handles switching this to the active theme for the mobile app using the app-only theme setting.
Please note that The AppPresser Theme cannot be uploaded as a plugin.
Installing the AppPresser Bridge Plugin
- After downloading the AppPresser Bridge Plugin, Go to Plugins -> Add New -> Upload. Upload the Bridge plugin and activate the plugin.
Install Extension Plugins
You can also choose to install and activate any extensions as needed. For example, if you are using WooCommerce in your app, you'll need to install AppCommerce. BuddyPress > AppCommunity, LearnDash > AppLMS, and so on.
For each extension, download the .zip file from your account page. Login to your WordPress website, go to Plugins > Add New > Upload. Upload the .zip file (do not unzip the file before uploading).
Activate each extension after uploading.
Each extension is used differently, please consult our extensions documentation for usage.
Connect Your Website and Application
- Verify you have saved your AppPresser setting page with the Site Slug, App Id, JWT Secret Key and email address associated with your account. Also verify you have the AP3 Ion Theme or AppPresser Bridge installed. DO not Activate the AP3 Ion Theme.
- Head over to the My AppPresser Dashboard. Click on the name of your application to visit the application dashboard. Using the sidebar menu go to Connect > WordPress URL. Enter in the full website URL including HTTPS://. Click on the Verify button.
- If you have done everything correctly, you should see the success message reading "Success! Click here to start customizing your app. →".
- If you are getting an error, try to repeat the steps again. Please consult our Connect to WordPress URL Error Document to verify you're still seeing the error message.
Congratulations. You have fully created a new application, installed the necessary plugins and connected your WordPress website to the My AppPresser Dashboard.
Plugin Blocker
It is highly recommended you install our plugin blocker. This disables conflicting plugins only in the app, which solves a lot of problems you may encounter when developing your app.