Wordpress Installation Tutorial

• Offical EverXP Wordpress Plugin (SEO Friendly - Recommended)
• JavaScript Code with Wordpress Headers & Footers (WPCode) Plugin
• PHP Code with Wordpress Plugin (SEO Friendly)

Offical EverXP Wordpress Plugin (SEO Friendly - Recommended)

The easiest way to add EverXP Combinations to WordPress is with our official wordpress plugin. This method is more flexible and easier to manage than adding the code directly to your theme. using PHP what makes it SEO Friendly.

1. Download `everxp` wordpress plugin here
2. Unzip the plugin archive on your computer
3. Upload `everxp` directory to yours `/wp-content/plugins/` directory
4. Activate the plugin through the 'Plugins' menu in WordPress

Visit your EverXP dashboard and generate your unique API Key, next go to your wordpress dashboard and click on `Settings -> EverXP - API Settings`. Paste the API Key and your account email address.

Generate Combinations with Lagacy Editor / Main Editor

To add EverXP combinations into your wordpress posts, pages you can use the blue buttons on the right to add custom codes. Endpoint IDs can be found here.

Examples:

1. Patterns Combinations: [exp_patterns pattern="1" tag_type="h1" ][/exp_patterns]
2. Quotes Combinations: [exp_quotes quote="inspirational" tag_type="p" color="#000000" ][/exp_quotes]
3. CTAs Combinations: [exp_cta cta="1" tag_type="button" href="" id="" ][/exp_cta]
4. Date & Times Combinations: [exp_times time="1" tag_type="p" color="#000000" ][/exp_times]
5. Humanitarian Combinations: [exp_humanitarian humanitarian="1" tag_type="p" color="#000000" ][/exp_humanitarian]

Generate Combinations with Elementor

Adding JavaScript to WordPress Tutorial (With or Without a Plugin)

The easiest way to add JavaScript to WordPress is with a plugin. This method is more flexible and easier to manage than adding the code directly to your theme.

If you’re not comfortable with coding or want a more user-friendly solution, we recommend using one of the many plugins available for adding JavaScript to WordPress.

For this tutorial, we’ll be using Insert Headers and Footers (WPCode), or you can use any other plugin to implement JS Code on your Wordpress website.

Main Script

Once the plugin is activated, navigate to Header & Footer in your WordPress dashboard.

You’ll see two boxes labeled Scripts in Header and Scripts in Footer.
Any code you add to these boxes will be inserted into the header or footer of your site. This is where you’ll add your JavaScript.

In order to get started, please copy and paste this code on the footer input

<script src='https://api.everxp.com/assets/js/everxp-1.0.js'></script>

Install an EverXP combination

Look for Code Snippets in the admin left sidebar menu and click it to get to the list of snippets.

Next, you have to choose if you want to start a new snippet from scratch or load a snippet from the library.

Regardless of how you choose to get started with the snippet the next step will be to choose a snippet title using the title field.
Now that your snippet is set up and it has a name you can start on the most important part: editing the snippet code.

Before you get started you should get your API Key, and generate a JS combination (details below or you can check our full JS Tutorial)

Generate a Combination Code

<script>
    xp_pattern({
        'api_key': '_YOUR_API_KEY_',
        'pattern': 1,
        'lang': 'en',
        'style': '', // Optional
        'pull': '', // Optional
        'freshness': '', // Optional
        'voice': '', // Optional
        'div': 'selected-div-id', // Optional
        'min_l': 0, // Optional
        'max_l': 9999 // Optional
    });
</script>

<script>
    xp_quote({
        'api_key': '_YOUR_API_KEY_',
        'quote': 1,
        'lang': 'en',
        'style': '', // Optional
        'pull': '', // Optional
        'freshness': '', // Optional
        'voice': '', // Optional
        'div': 'selected-div-id', // Optional
        'min_l': 0, // Optional
        'max_l': 9999 // Optional
    });
</script>

Date & Time

Pull more than 1,000,000 date & time combinations, to any place on your site

<script>
    xp_time({
        'api_key': '_YOUR_API_KEY_',
        'time': 1,
        'lang': 'en',
        'style': '', // Optional
        'pull': '', // Optional
        'freshness': '', // Optional
        'voice': '', // Optional
        'div': 'selected-div-id', // Optional
        'min_l': 0, // Optional
        'max_l': 9999 // Optional
    });
</script>

After you’re done creating your combination with the setting up your snippet code or if you just want to test it you should choose how you want to use it. The 2 main options are: as a shortcode (default) or Auto Insert.

The Auto Insert option provides a list of locations where your snippet can be automatically inserted and executed. These are major areas of your site where snippets will be added but, don’t worry, you can choose more specific output options in the Conditional Logic section detailed a bit lower.

Some locations, like Before/After Paragraph or Before/After Post will also ask you to input a number after or before which to add the snippet.

The Conditional Logic box allows you to create powerful rules to either show or hide the snippet based on a set of rules. You can create groups of conditions that will all have to be true for the snippet to be show/hidden but also “OR” rules to add multiple groups of such combination of rules.

Last step, setting a placeholder

Write a simple div tag with id (as you chosed on the "div" parameter in the JS code)

Adding PHP to WordPress Tutorial With Plugin (SEO Friendly)

---

To get started, visit our REST API Documentation page, and scroll down to select the API Endpoint you would like to use.

Next, choose from the code request example PHP.

Paste the PHP code into the Code Snippet using Headers and Footers (WPCode) Plugin.
Follow the code in the screenshot to Json Decode, and print the combination properly.

Generate a shortcode code and copy!

Lastely, go to your Wordpress site editor.
It can be any type of editor (lagacy, Theme editor, or Elementor like in the example) and simply paste the shortcode.
To finish the process you can add custom html as needed!

That's it!
This way you can embed on your Wordpress site, unlimited amount of combinations.

You can set combinations on multiple pages, or specific pages as you wish.

Facing an error? Error codes list