Your First Connection

Let's create your first API connection. We'll use a public API as an example.

Step 1: Open API Mapper

Step 2: Create a New Connection

1. Click Add Connection
2. Enter a Name (e.g., "JSONPlaceholder Posts")
3. Enter the Base URL: https://jsonplaceholder.typicode.com

Step 3: Configure the Endpoint

1. In the Endpoint field, enter: /posts
2. Leave Method as GET
3. No authentication is needed for this public API

Step 4: Test the Connection

1. Click Test Connection
2. You should see a success message with sample data

Step 5: Map Fields

The API returns an array of posts. Map the fields you want to use:

1. Click Add Field
2. Map the following fields:
   • id → ID (Number)
   • title → Title (Text)
   • body → Content (Text)
   • userId → Author ID (Number)

Step 6: Save and Use

1. Click Save Connection
2. Open YOOtheme Pro Customizer
3. Add a Grid or List element
4. In Dynamic Content, select API Mapper: JSONPlaceholder Posts
5. Map your fields to element properties

What's Next?

Now that you understand the basics:

• Learn about authentication methods
• Explore field mapping options
• Try a real-world WooCommerce integration

Example APIs to Try