Instant Articles Builder Does Not Work no preview available

[Hassanelsisi]

Steps required to reproduce the problem

1. Tried to select to create the article
2. Done all the steps
3. no preview available

Expected Result

• Preview of the instant article creation

Actual Result

• No preview available at all even in the source

Environment Info

VERSION: 0.2.0 URL: https://heliopolist.com/12-hotels-in-heliopolis-for-the-perfect-wedding/ RULES:

{
  "style_name": "Heliopolist",
  "generator_name": "facebook-instant-articles-builder",
  "generator_version": "0.2.0",
  "rules": [
    {
      "class": "TextNodeRule"
    },
    {
      "class": "GlobalRule",
      "selector": "body",
      "properties": {
        "article.title": {
          "attribute": "content",
          "selector": ".jv-single-post-title",
          "type": "element"
        },
        "author.name": {
          "selector": ".meta-author-name a",
          "type": "string"
        },
        "article.body": {
          "attribute": "content",
          "selector": ".entry-content",
          "type": "element"
        },
        "article.canonical": {
          "attribute": "href",
          "selector": ".jv-single-post-title",
          "type": "string"
        }
      }
    },
    {
      "class": "BlockquoteRule",
      "selector": "p"
    },
    {
      "class": "ParagraphRule",
      "selector": "p"
    },
    {
      "class": "H2Rule",
      "selector": "strong"
    },
    {
      "class": "H1Rule",
      "selector": "strong"
    },
    {
      "class": "ListElementRule",
      "selector": "p"
    },
    {
      "class": "ListItemRule",
      "selector": "body"
    },
    {
      "class": "AnchorRule",
      "selector": "strong",
      "properties": {
        "anchor.href": {
          "attribute": "href",
          "selector": "strong",
          "type": "string"
        }
      }
    },
    {
      "class": "ItalicRule",
      "selector": "strong"
    },
    {
      "class": "EmphasizedRule",
      "selector": "#page-style"
    },
    {
      "class": "BoldRule",
      "selector": "strong"
    },
    {
      "class": "ImageRule",
      "selector": "p",
      "properties": {
        "image.url": {
          "attribute": "src",
          "selector": "img",
          "type": "string"
        },
        "image.caption": {
          "attribute": "src",
          "selector": ".size-medium",
          "type": "element"
        }
      }
    }
  ]
}

[dsbrianwebster]

@Hassanelsisi try changing your GlobalRule selector to html, that did it for me.

"selector": "html"

[pestevez]

Hi @Hassanelsisi - apologies for the delayed response. If the solution proposed here does not solve the issue please feel free to reopen it.