Documentation - Multiple Search Ajax Popup

Note

For more detailed information about this plugin or to view the online demonstration, please visit the product page on the developer's official website.

Author notes

We would like to express our sincere gratitude for choosing our plugin. We appreciate your trust in our solution and are excited to have you as part of our user community.

We hope that Multiple Search Ajax Popup meets your expectations and is a valuable addition to your project. We developed this plugin with the aim of simplifying and enhancing the functionality of your WordPress website, and we are confident that it will help you achieve your goals efficiently. We are here to provide ongoing support and answer any questions or needs that may arise while using the plugin. Your satisfaction is our priority.

We wish you much success and productivity with Multiple Search Ajax Popup. Your feedback is important to us, and we hope to continue improving our solution based on your suggestions and experiences.

Thanks again for choosing Multiple Search Ajax Popup. We look forward to seeing you achieve great results with our tool. If you need assistance or have any questions, please don't hesitate to contact us.

Sincerely,
Estev√£o Acioli - Expand UP WP

Installation by WordPress

After downloading your package, please refrain from loading the entire package before extracting the file. The package is in ZIP format, and you can use an application or program for unpacking it (such as 7zip, WinRAR, WinZip, or others).

Once you've extracted the file, navigate to the resulting folder and look for a subfolder named 'plugin.' Inside this folder, you will find a file with the same name as the plugin you intend to install. This file is also in ZIP format and needs to be installed on your WordPress site.

To complete the installation, follow these steps:

  1. Log in to your WordPress website.
  2. Go to the 'Plugins' page in the WordPress Admin Panel.
  3. Select 'Add New Plugin.'
  4. On the plugin upload page, click on the 'Upload Plugin' button (or a similar option depending on your WordPress version).
  5. Browse for and select the ZIP file of the plugin you previously extracted.
  6. Click 'Install Now' and follow the instructions to activate the plugin on your WordPress site.

Please remember that plugin installation is a crucial step in managing your website, so follow these instructions carefully to ensure a successful integration.

Installation by FTP

Step 1: Preparation

Before you begin, make sure you have the ZIP file of the plugin you want to install on hand and unzipped. You will also need an FTP client such as FileZilla.

Step 2: Connect to Your Server via FTP

Start the FTP client (for example, FileZilla). Connect to your WordPress site's server using your FTP credentials (you'll usually find this information in your hosting provider's control panel).

Step 3: Navigate to the Plugins Folder

After connecting successfully, you will see a folder structure of your website on the right side of the FTP client. Navigate to the folder where WordPress is installed. This is usually done by going to the "public_html" folder or your website's root directory. Inside that folder, find the subfolder called "wp-content" and click to open it.

Step 4: Find the Plugins Folder

Inside the "wp-content" folder, you'll find a folder called "plugins." Click to access it.

Step 5: Upload the Plugin via FTP

On the left side of the FTP client, navigate to the folder where you unzipped the plugin file on your computer. Select all files and folders from the unzipped plugin. Drag these files and folders to the "plugins" folder in the FTP client (right side).

Step 6: Activate the Plugin in WordPress

After the files have been successfully transferred, access your WordPress site's admin panel. Go to the "Plugins" section in the menu. You should see the plugin you just downloaded listed among the available plugins. Click "Activate" under the plugin name.

Step 7: Configure the Plugin

Configuration

Our plugin offers a simplified setup. It's easy to customize every section, from header to footer. In each section, you can choose the type of content you want to display. Furthermore, the plugin integrates perfectly with WooCommerce, making it possible to purchase products directly through it.

image

Popup General

In the general settings, it is the starting point for customizing your plugin. Here, you can choose the color style for the popup preload, adjust the background transparency, and enable special features. The "Smart Images" option stands out, which allows the plugin to automatically generate images in the appropriate size for display in search results cards. You can also choose from the image sizes already available in your WordPress.

Two items deserve your special attention in this section. The first is the option to activate or deactivate the plugin, as illustrated in the image below:

image

The second crucial point is identifying your website's search form. You must provide a unique class of the form or the form ID, if available. If you don't know how to obtain this information, follow the steps below:

Step by step to identify the search form

Step 1: Open the Web Page

Open the web page where the form is located using the browser of your choice.

Step 2: Open the Inspection Tools

Right-click the form or any element next to it and select "Inspect" or "Inspect Element" from the context menu. You can also press Ctrl + Shift + I (Windows/Linux) or Cmd + Opt + I (Mac) to open the inspection tool.

Step 3: Navigate to the Form

In the inspection tool, you will see a split window, with the HTML code on the left and the visual representation on the right. Use the selection arrow (usually called "Selector") on the top bar of the inspect tool and click on the form you want to inspect. As you hover over elements in the code, the corresponding form on the page should be highlighted.

Step 4: Identify the Class or Form ID

Look for the <form> tag in the HTML code. If the form has an ID, it will usually be listed as an attribute called id. Otherwise, look for an attribute called class. If there are multiple classes, choose one that is unique and exclusive to the form. If there is an ID, prefer to use the ID.

Example with class:

<form class="your-class-here"> Form content </form>

Example with ID:

<form id="your-id-here"> Form content </form>

Step 5: Configure your WordPress Plugin

With the form class or ID in hand, go to your WordPress plugin settings and find the field where you should enter the class or ID. For classes, enter the class name with a period in front (for example, .your-class-here). For IDs, enter the ID with a hash in front (e.g. #your-id-here).

Step 6: Save and Test

After entering the class or ID, save your plugin settings. Then go to the page or form where the plugin is active and test to ensure it is working as expected.

Popup Header

In this section, you can customize the color scheme for the header of your popup. This feature is valuable for ensuring that the popup's visual appearance aligns with the overall visual identity of your site.

You have the flexibility to enable or disable this feature. When disabled, the default colors and styles of the plugin will be automatically applied, ensuring a consistent visual experience.

image

Front visual result:

image

Popup Footer

The footer section of the popup offers an interesting area where you can display menus containing links that are important to your users. However, if you consider it not necessary, you can disable it.

The menus displayed in the footer must be previously created using the standard WordPress menus feature. After creating them, you can select them in the popup footer settings.

Also, in this section, you have the option to customize the color style for your popup footer. This functionality is valuable for ensuring that the popup's appearance is aligned with your site's overall visual identity.

image

Front visual result:

image

Popup WooCommerce

Here are the settings to integrate the popup with your WooCommerce. There are various options available, as illustrated in the images below.

image

Popup Shortcodes

If it is not possible or desirable to use the default form on your website, you have the option of choosing one of our form templates. Just use one of the codes below.

[searchpopup_form model="1"] image [searchpopup_form model="2"] image [searchpopup_form model="3"] image

Popup Sections

The popup is segmented into sections, and you can create as many sections as you need. Each section can be activated or deactivated individually, and has its own settings. You have the flexibility to choose the type of CPT (Custom Post Type) and/or taxonomy to be displayed, in addition to defining the number of results and several other configuration options.

image image image image image

Multiple Search Ajax Popup
Plugin Version: 1.0.0

Expand UP WP - Plugins Development