Documentation

Guide to Adding RecRam Magnet Script in WordPress

By /

If you want to do it with the WordPress RecRam Magnet Plugin instead of the Scrip method, review our RecRam Magnet WordPress Plugin Installation Guide document.

Log in to the RecRam Dashboard

  • Access your RecRam account.

Navigate to the Magnet Module

  • Click on the Magnet icon in the left-hand menu.

Select the Magnet Group

  • Locate the Magnet group you want to use on your website.
  • Hover over the group, and click on the three dots icon that appears in the top-right corner.

Get the Script Code

  • From the dropdown menu, select Script Code.
  • A modal window will open, displaying the script code you need to add to your website.
  • The code will look something like this:
<script src="https://cdn.recram.com/recram.js"></script><script>Recram.init(`676c5a123432507e0e719`)</script>

Adding to a WordPress Site

a. Log in to the WordPress Admin Panel
  • Access your website’s admin panel.
b. Choose a Method to Add the Code
  1. Using the Theme Editor (Add to Header or Footer)
    • Go to Appearance > Theme File Editor.
    • Locate the header.php or footer.php file.
    • Insert the script code between the <head> or <footer>
    • Save the file.
  2. Using a Plugin (Recommended Method)
    • Install a plugin like Insert Headers and Footers or a similar one.
    • Navigate to Settings > Insert Headers and Footers.
    • Paste the Magnet script code into the “Scripts in Header” or “Scripts in Footer” field.
    • Click “Save.”
c. Test Your Changes
  • Open your website to check if the Magnet pop-up appears correctly.

3. Adding to HTML or Other CMS Platforms

  • For HTML Files:
    • Open your website’s main HTML file.
    • Paste the script code between the <head> or <footer> tags.
  • For Other CMS Platforms:
    • Locate the “Add Script or HTML” options specific to the platform.
    • Paste the Magnet script code into the relevant section and save it.

4. Adjust Appearance Settings

  • Return to the RecRam panel to customize the position (bottom right, bottom left, etc.), colors, or size of the form.
  • Changes will automatically reflect without needing to re-add the script code.

5. Final Testing and Optimization

  • Test the pop-up functionality and ensure it is mobile-friendly.
  • Check the script’s loading speed to ensure it doesn’t affect website performance.

By following these steps, you can seamlessly integrate the Magnet pop-up into WordPress or other CMS platforms.

Scroll to Top