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.

Install AppPresser Core and JWT Authentication plugins

  1. 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.

  1. 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.

AppPresser Settings

  1. After installing and activating both plugins on your WordPress website, you should now see the "AppPresser" settings tab in your side menu. Click on the settings link.

  2. Go to your Application dashboard and copy the AppPresser ID number.

  1. 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

  1. 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.
  2. 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.

  1. 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.

Install theAppPresser Bridge Plugin

With AppPresser, you are in total control of how your App looks. The AppPresser Bridge plugin serves as a compatibility layer between the native app and iFrame web pages from your WordPress site. As most customers will end up using some iFrame pages in their app we recommend the bridge plugin be installed on most AppPresser setups.

  1. 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.
  2. Download the AppPresser Bridge plugin. Include any extensions you also want to install on your WordPress site.

  1. After downloading the AppPresser Bridge Plugin, Go to Plugins -> Add New -> Upload. Upload the Bridge plugin and activate the plugin.

Connect Your Website and Application

  1. 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.
  2. 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.
  3. If you have done everything correctly, you should see the success message reading "Success! Click here to start customizing your app. →".

Congratulations. You have fully created a new application, installed the necessary plugins and connected your WordPress website to the My AppPresser Dashboard.

Related Articles