Issues Adding Infographics to blocks using short code

  • anwaryusef76

    (@anwaryusef76)


    6 years, 5 months ago

    Hello all. I’m having a problem getting my WordPress site to express short code for infographics. I post infographics for collaborators on my site. I’m not looking to create infographics just post them. I downloaded the iList plugin and haven’t figured out how to use it yet.

    It worked at one point over the summer but then it started doing something else. That is I could copy and paste the code into the blocks and the infographic would appear immediately. When I copy and paste the code from a text file into Gutenberg is trying to turn it into html causing an error. When I copy the code from Word, it doesn’t do anything as you can see in the link above. I’ve researched this and I’ve noticed that I have the embed for for code which looks like this < >. When I paste the code in there it doesn’t do anything. I’ve looked through some articles and they’re discussing and embed function which looks like this </>. I’m not seeing this one as my list of embeds. Please advise.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • George Appiah

    (@gappiah)

    6 years, 5 months ago

    When I copy and paste the code from a text file into Gutenberg is trying to turn it into html causing an error.

    You should put the code into a CUSTOM HTML block, not a normal paragraph block. I just copied your code from the link you posted above into a CUSTOM HTML block on a sandbox site, and the infographic works (see screenshot below)

    Thread Starter anwaryusef76

    (@anwaryusef76)

    6 years, 5 months ago

    Hello George. Or whomever reads this. I followed your advice and used the CUSTOM HTML block. My site will preview the infographic but it won’t publish it. Each time I try, I get a pink bar that says “The updating failed. This is not a valid JSON response.” I’d attach the screen shot but I don’t see that function.

    Would this have something to do with my site’s firewall and security settings? My site got cyber-attacked in the spring and afterwards I purchased a firewall. If the Word Press site needs to talk to another site express the source code, could this be the problem? Please let me know if you know what the above mentioned error message means and how to address it. Thank you.

    George Appiah

    (@gappiah)

    6 years, 5 months ago

    Please let me know if you know what the above mentioned error message means and how to address it.

    There’s a long thread (linked below) about this issue with different causes and different solutions. At least one person (as far as I read) mentioned security and having to talk to their security provider.

    Since you’re using Sucuri’s Web Application firewall, you may want to reach out to them and let’s see what they have to say.

    https://ww.wp.xz.cn/support/topic/updating-failed-error-message-the-response-is-not-a-valid-json-response/

    George Appiah

    (@gappiah)

    6 years, 5 months ago

    It’s me again 🙂

    I took a closer look at your website… and, yes, your security solution is blocking the iframe code which is required to display your infographic.

    And the problem is not peculiar to the infographics alone: it’s the iframe code being blocked, so anything that uses iframe will not work… unless the domain is explicitly whitelisted. Below you can see a screenshot I took from the HTML source of your website, showing your slider plugin requiring “inline iframes” (aka iframes) for certain features to work.

    You may talk to your security provider to whitelist iframe embedding for individual TRUSTED domains… so that you can have the feature you need on your website, but without exposing your website to iframe injection from random websites.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Issues Adding Infographics to blocks using short code’ is closed to new replies.