WordPress Installation
This guide walks you through installing the Rek.ai plugin for WordPress, configuring the general and advanced settings and adding Rek.ai blocks to your pages.
Step by Step Instructions
1. Install the Plugin
- Log in to your WordPress admin panel.
- Go to Plugins → Add New.
- Search for Rek.ai.
- Click Install Now, then Activate.
2. General Settings
Find Your Script
Log into Rek.ai Dashboard (opens in a new tab) and navigate to Settings → General settings and copy your project's script under Embed Code.
Load Script
Go back to your WordPress admin panel and navigate to Settings → Rek.ai settings under the General tab and find the Load Scripts option. Make sure Load Scripts is checked. Without this, no Rek.ai functionality will work on your site.
Embed Code
Enter your project's script in the Embed Code field (e.g. https://static.rekai.se/xxxxxx.js).
3. Autocomplete Settings
Still on the General tab in WordPress, scroll down to the Autocomplete section.
Autocomplete Mode
Choose how autocomplete is loaded:
- Disabled- Turns off autocomplete entirely.
- Enabled with selector- Targets a specific search input using a CSS selector.
- Enabled with custom script- Lets you define a custom initialization script.
Autocomplete Configuration
If you selected Enabled with selector, configure the following:
| Setting | Description | Default |
|---|---|---|
| Autocomplete selector | CSS selector for the search input field (e.g. input[name=s]) | - |
| Open on click | Navigate to the selected result when clicked | Enabled |
| Use current language | Use the site's active language for suggestions | Enabled |
| Number of results | How many suggestions appear in the dropdown | 16 |
Click Save Changes when done.
4. Add a Rek.ai Block to a Page
- Go to Pages → Add New (or edit an existing page).
- In the block editor, click the + button to add a new block.
- Search for Rek.ai to find the available custom blocks.
- Insert the desired block and configure it as needed.
- Publish or Update the page.