# How content is displayed

Once you've [added products](/set-up-products/how-to-add-products.md), you have five main options for displaying them on your site:

1. **Gutenberg Blocks for product data**
2. **Egg Blocks for structured content and product data**
3. **Automatic Embedding**
4. **Module Shortcodes**
5. **Global Shortcodes**

### 1. Gutenberg Blocks for product data

For a complete guide on using Gutenberg Blocks, please refer to this guide:

{% content-ref url="/pages/VOMCNZPeKT3nqRH7D81e" %}
[Gutenberg product blocks](/frontend/gutenberg-blocks.md)
{% endcontent-ref %}

### 2. Egg Blocks for structured content and product data

{% content-ref url="/pages/aEmOOqjjha2fYGaGxBsP" %}
[Egg Blocks — Introduction](/egg-blocks/introduction.md)
{% endcontent-ref %}

### 2. Automatic Embedding

Automatic embedding lets you add module content to a predefined location in your posts without needing to insert it manually. You can enable this feature in the settings of each module:

* **Auto-embedding**: Choose to embed module content automatically at either the beginning or end of your post.
* **Priority**: Controls the display order. A lower number means the module appears higher in the post.
* **Template**: Select the default template for the embedded content.

<figure><img src="/files/fT9v9IuNcxNXo5OU9wxu" alt=""><figcaption></figcaption></figure>

This method is the simplest for adding content, but it has certain limitations:

* You cannot embed content in the middle of a post.
* Shortcode parameters for customization cannot be applied.

### 3. Module Shortcodes

Module shortcodes give you more flexibility to display module content exactly where you want it within your post.

* **Generating Shortcodes**: Use the shortcode generator available on each module's tab to select the desired template.

<figure><img src="/files/QsSIrVqI4K94a7pFd3F3" alt=""><figcaption></figcaption></figure>

* **Embedding**: Copy the generated shortcode and paste it wherever you need in your article.

<figure><img src="/files/La5qIzv4DkNBT5wWptsu" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Tip**: If you use a visual editor like Gutenberg, insert the shortcode using a special shortcode block (avoid adding them as plain text). Once saved, the products will appear at your specified location.
{% endhint %}

### 4. Global Shortcodes

Global shortcodes are ideal for displaying a complete list of products across all modules or creating a price comparison list.

* **Generating Shortcodes**: Use the shortcode generator at the top of the Content Egg block, select the template you need, and paste the shortcode anywhere in your post.

<figure><img src="/files/nYGM4ZJUVZs8GidHMzN0" alt=""><figcaption></figcaption></figure>

### Shortcode Parameters

Shortcodes come with many parameters that allow you to customize their output:

* **Hide or View Fields**: Choose to show or hide specific product fields.
* **Group Products**: Split product lists into separate groups for more organized output.
* **Template Customization**: Adjust the button text, color, borders, and more.

For detailed customization, we recommend reading the [Shortcode Parameters Guide](/frontend/shortcode-parameters.md). This will help you get the most out of your shortcode capabilities.

### Page Builders Compatibility

Content Egg is compatible with most popular WordPress page builders, such as Gutenberg and Elementor. When working with these builders:

* Use special shortcode blocks instead of inserting shortcodes as plain text.

<figure><img src="/files/9LNO5Cp8qljhm4CGFewA" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ce-docs.keywordrush.com/frontend/how-content-is-displayed.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.