sleek logo sleek ai/ logo sleek byte/ logo sleek motion/ logo sleek pixel/ logo sleek view/ logo

Page Groups - Mappings

Mappings (also called replacements) define how data from your source gets injected into the base page content. SleekRank supports four replacement types, each targeting a different aspect of the page.

Tag Replacement

Replace placeholder tags in your page content with values from your data source. Tags use a simple {field_name} syntax.

Example

If your base page contains the text "Welcome to {city_name}" and your data entry has "city_name": "New York", the generated page will show "Welcome to New York".

Configuration

  • Tag: The placeholder name (without braces)
  • Field: The data field to pull the value from

CSS Selector Replacement

Target specific HTML elements by CSS selector and replace their content with data values. This is powerful for replacing content in complex layouts without modifying the base page template.

Example

A selector of .hero-title with a field of name would replace the inner HTML of any element with class hero-title with the value of the name field.

Configuration

  • Selector: A valid CSS selector (e.g., .hero-title, #main-heading, h1.title)
  • Field: The data field to use as replacement content

List Replacement

Generate repeated HTML elements from array data. This is useful for rendering lists of items, features, or related data points that vary per generated page.

Example

If your data entry contains "features": ["Fast", "Reliable", "Secure"], a list replacement can render each item as a list element within a target container.

Configuration

  • Selector: The container element to populate
  • Field: The data field containing the array
  • Template: HTML template for each item (with {value} placeholder)

Meta Replacement

Dynamically set page metadata including the title tag, meta description, and Open Graph tags. This ensures each generated page has its own unique metadata.

Configuration

  • Title: Template for the page title (e.g., "Services in {city_name}")
  • Description: Template for the meta description
  • OG Title: Template for the Open Graph title
  • OG Description: Template for the Open Graph description

All meta templates support the same {field_name} placeholder syntax as tag replacements.