Shopify Rich Text Field Mapping for NetSuite Integration

The Shopify rich text field mapping, rich_text_field, allows the integration of HTML or plain text values for better text formatting and visual appeal in storefront content. This feature is crucial for developers looking to enhance how content appears on Shopify stores connected to NetSuite.

What HTML Tags Does Shopify Support?

Shopify restricts the use of tags in rich text fields to ensure consistency and compatibility. The supported tags include:

• Container tags:

  • <p> (paragraph)
  • <h1>, <h2>, <h3>, <h4>, <h5>, <h6> (headings)
  • <ul>, <ol>, <li> (lists)

• Anchor tag:

  • <a> (links)

• Styling tags:

  • <b> (bold)
  • <i> (italic)
  • <strong> (strong)

Structure Rules for Rich Text

When utilizing Shopify's rich text fields, it is essential to follow specific structural rules:

• The HTML document root must contain only container tags.
• Links and text elements need to reside inside container tags.
• Avoid nesting container tags within one another.
• Only <p> tags are permitted to have styling tags; styling tags within other container tags will be disregarded.

These guidelines ensure that the rich text is rendered correctly and consistently across different storefronts.

Best Practices for Implementation

• Keep it Simple: Only use permitted tags to prevent unexpected rendering issues.
• Styling Consistency: Apply styles only within paragraphs to maintain a clean and professional look.
• Testing: Always preview your rich text in a test environment to confirm proper display before deploying it on live stores.

For a comprehensive understanding of Shopify's rich text field, you can refer to their official documentation.

Source: This article is based on Oracle's official NetSuite documentation.