Example: Using MDX Shortcodes

Introduction

This article showcases all the MDX shortcode components available for creating rich, engaging blog content.

The Callout component supports four variants: info, warning, success, and error.

Information

This is an informational callout. Use it to highlight important information for your readers.

Warning

This is a warning callout. Use it to alert readers about potential issues or important considerations.

Success

This is a success callout. Use it to celebrate achievements or confirm successful operations.

Error

This is an error callout. Use it to highlight critical issues or problems.

Highlight key statements or memorable quotes from your content:

Attribution doesn't have to be a black box. With the right data and methodology, you can understand exactly where your revenue comes from.

— ArchwayAI Team

Create clear, visual step-by-step instructions:

Add the ArchwayAI pixel to your website header. It's a simple one-line script that starts collecting attribution data immediately.

Integrate your ad platforms, Shopify store, and other marketing tools. ArchwayAI automatically normalizes and unifies your data.

Access real-time attribution reports, MMM analysis, and actionable recommendations to optimize your marketing spend.

Drive conversions with an eye-catching CTA within your content:

These MDX shortcodes make it easy to create engaging, conversion-optimized blog content without writing custom HTML or CSS.