Need Custom Fields Help

  • I’m trying to add a custom calculator to my website and it’s requiring me to use custom fields. I am NOT an advanced user and reading about all this stuff gives me a headache. Can someone simplify this for me?

    Here are the instructions for adding it from the calculator website:
    1. Make sure are on your website’s admin area, navigate to plugins and click on the “Add new” button.

    2. Search for the plugin “Code Embed” by David Artiss, click on “Install now” and when it’s installed on “Activate”

    3. Navigate to the page (or post) you want the calculator to be visible on.

    4. Add a new custom field with the name “CODE1″ and for the value, paste the following code:

    <div class=”calculator” data-calc-id=”bqnxY52KnM8yfZwXN”></div>
    <script type=”text/javascript” id=”convertcalculator-embedder-m9EtN3Z9SMS6hB9Gh” class=”convertcalculator-async-script-loader”>
    (function() {
    function async_load(){
    var s = document.createElement(“script”);
    s.type = “text/javascript”;
    s.async = true;
    var url = ‘https://app.convertcalculator.co/embed.js&#8217;;
    s.src = url + ( url.indexOf(“?”) >= 0 ? “&” : “?”) + “ref=” + encodeURIComponent(window.location.href);
    var embedder = document.getElementById(‘convertcalculator-embedder-m9EtN3Z9SMS6hB9Gh’);
    embedder.parentNode.insertBefore(s, embedder);
    }
    if (window.attachEvent)
    window.attachEvent(“onload”, async_load);
    else
    window.addEventListener(“load”, async_load, false);
    })();
    </script>

    5. In your content add {{ CODE1 }} where you wish the calculator to appear and “Update” the page.

    So I went and added a custom field, named it Code1 and put that string of code in the value box.

    Then I went into my post and typed {{ CODE1 }} like it told me to and when I make the post it just inserts those words where I typed them. It’s not putting my calculator on the post.

    Any help?

Viewing 1 replies (of 1 total)

  • CAN I USE THIS PLUGIN WITH THE NEW EDITOR (AKA GUTENBERG) / WORDPRESS 5.0 AND ABOVE?
    The new editor (Gutenberg) removes the custom fields meta box and, as a result, you are unable to add or edit existing code embeds. However, the plugin will continue to work, in all other ways.

    However, a rather smart plugin named Custom Fields for Gutenberg will add this functionality back in – with that active, you can happily continue to use this plugin, even with WordPress 5.0 or later.

    MY CODE DOESN’T WORK
    If your code contains the characters ]]> then you’ll find that it doesn’t – WordPress modifies this itself.

    Otherwise, it’s likely to be your code and not this plugin. The best way to confirm this is to look at the source of the page and compare the code output with what you embedded. Does it match? If it does, then your code is at fault.

Viewing 1 replies (of 1 total)
  • The topic ‘Need Custom Fields Help’ is closed to new replies.