Lava Shortcodes

Lava shorcodes are templates that allow you to insert styled layouts into content editors with minimal code.

Key Takeaways

Lead Text Shortcode (1:18 in the video)

  • Highlights important paragraphs to stand out from body text.
  • Supports additional styling: Color parameter; AddStyle parameter for custom classes

Callout Shortcode (3:27 in the video)

  • Used to emphasize important messages or notes.
  • Key parameters: Message, Icon, Background color
  • Supports basic formatting and links.

Button Shortcode (4:27 in the video)

  • Adds buttons within content areas outside standard components.
  • Required parameters: Text, URL
  • Optional settings: Style, Width, Descriptive Text

Best Practices

  • Keep shortcode usage simple and consistent across pages.
  • Use Lead Text sparingly to highlight key information.
  • Use Callouts for important notes—not large blocks of content.
  • Ensure buttons are clear and action-oriented.
  • Add descriptive text to buttons for accessibility and SEO.
  • Choose colors that maintain strong contrast and readability.
  • Use icons intentionally to support meaning—not decoration.
  • Verify links: Internal links → same tab; External links → new tab (when appropriate)
Top