WordPress Step 2: Set up WordPress
- 1. Configure AE Connect Settings in WordPress
- 2. Retrieve your API Key from your AE Dashboard
- 3. Paste your API Key into WordPress
- 4. Next Step: More AE Settings in WordPress
- Configure the “Social” tab
- Configure the "User Fields" tab
- Configure the "Email" tab
- Configure "Popup Styling"
You've just downloaded our WordPress plugin - excellent. Now let's get it set up inside WordPress.
1. Configure AE Connect Settings in WordPress
Go to the AE Connect tab in the WordPress Admin sidebar.
This tab should have appeared after you completed the AE Connect installation.
Now you're on the settings page.
You can ignore the first field labeled “Instance.” You will be using the default values.
2. Retrieve your API Key from your AE Dashboard
Allowlist your website domain first, then copy your API Key
Next, click on "Privacy & Permissions" and then "Permissions".
Enter your WordPress domain into the top text field, hit "Add", and then hit "Save Changes."
A pop-up will appear confirming your changes; hit "Save" and the page will reload.
You should see your domain in the text area below.
Now click on the "Developer API" tab. You should be on the "API Keys" page.
Click "Copy the Master Key" and a pop-up will appear letting you know that the text has been copied to clipboard.
3. Paste your API Key into WordPress
Go back to your WordPress site and navigate to the WordPress AE Connect settings page.
Paste the text into the API Key field and save changes.
When the page reloads, a “Next Step” button will appear. Click to continue with the next stage of your setup.
4. Next Step: More AE Settings in WordPress
Now you can customize your AE Settings. This is a basic setup meant to get you up and running as quickly as possible.
You will be on the “General” page under the “Settings” tab.
Check the “Show authentication as pop-up” box
This option gives your users a nice pop-up for signups rather than redirecting them to another page.
There are also some predefined styles for the ae-form shortcode and AE On Page Form widget available via the dropdown setting "Choose an AE Form Style?" Try them out and see what suits your fancy.
To be completely clear, this setting will affect any page where you have dropped an [ae-form] shortcode, or any widget area where you have added the AE On-Page Form Widget.
The plugin also comes with a default page at [your website's domain]/login-signup which contains the [ae-form].
Configure the “Social” tab
If you have already created social applications with AE, they will show on this tab.
Check the services you want as sign-in options for your users. If you haven't activated any services check out our guides to get you set up. Otherwise, your users will just have to sign in with email/password.
Configure the "User Fields" tab
Check the data fields you want to collect from your users. You can check them as “required” if you need to force your users to fill out a particular field. Note that the "required" option for each field won't appear until you actually enable the field.
In this example I've checked First Name and Address fields:
During registration by default, each field will be named (or labeled) how they are labeled in the WordPress Admin area. However, you can change this by filling out the label field. For example, the “first name” field could be changed to “name.”
Configure the "Email" tab
If you want your users to verify their email when they sign up to your site, check “Send Email Verification During Registration” and also check “Site Requires Verified Email Before Login.”
Check “Send Email Verification During Registration” if you want to send an optional verification email when your users sign up, but still let them log in.
Configure "Popup Styling"
If you have a custom style sheet, you can use it by pasting the link in the Stylesheet URL field under the "Popup Styling" tab. This will apply custom styles to the AE Connect pop-up, overriding the default AE JS styles.
The "Performance" page in the left sidebar: if you check either of the options on this page, your users will not be able to maintain a user profile.
Our team is here to help you at any time. To get some AE support, use our blue balloon on the site. We’ve got your back!