Using Infogram in WordPress

After installing the Infogram plugin for WordPress, you’ll be able to embed Infogram projects into your posts straight from the WordPress editor. 

 

Using Infogram WordPress plugin

      1. Open a New Post view and type /Infogram where you want to insert a new Infographic.

        WP

      2. Click on Infogram to open the user library associated with the API credentials. wp_click_on_Infogram.jpg
      3. If you are prompted to Authenticate, add your API credentials. More details on that can be found in this article.
      4. The user library associated with the API credentials will display. Select the chart you want to insert by clicking on it.

wp_user_library_.jpg

Alternatively, you can follow the steps displayed below.

For older WordPress versions

If you use an older version of WordPress, you can copy the WordPress shortcode from Infogram and paste it into the WordPress visual editor.

            1. Go to your Infogram account and open the project you want to embed in the project editor. Click Share in the top right corner of the editor.
            2. Open the Embed tab and choose the WordPress embed code.wordpress.png
            3. Copy/paste the shortcode into the WordPress visual editor.

              Screen_Shot_2019-12-13_at_14_10_02.png

            4. Unlike the HTML code that you have to paste into the text editor, the shortcode will work directly from the visual editor. To see how your chart or infographic looks on your post, click Preview.

Copy and paste the public URL

        1. Copy the public URL from the Share dialogue.

          Public_URL.png

        2. Return to WordPress and paste the link at the bottom of the library window. Your visualization will appear on your website.

          wp