# Greenshift templates

Greenshift is a Gutenberg block builder plugin available for installation from the [WordPress repository](https://wordpress.org/plugins/greenshift-animation-and-page-builder-blocks/). With this plugin, you can create your own templates for displaying Content Egg products, as well as use prebuilt patterns and customize them.

{% hint style="warning" %}
**Note**: Greenshift is a free plugin, but to integrate with dynamic data from Content Egg, you will need a paid [Query Addon](https://www.keywordrush.com/go/greenshift-query-addon). 
{% endhint %}

Before you start, make sure that Greenshift and the Query Addon are installed on your site.

### Using Prebuilt Patterns

1. Add Content Egg products [as usual](https://ce-docs.keywordrush.com/set-up-products/how-to-add-products) and save the post.
2. Toggle the block inserter:

<figure><img src="https://4254262503-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M3fnB7iKYwDc1Xhr3H3%2Fuploads%2FKohWCS61HJZN2kQDjjpL%2Fimage.png?alt=media&#x26;token=20d5e449-7899-4c2f-ad13-25ea38cb27c3" alt=""><figcaption></figcaption></figure>

3. Go to the `Patterns > Content Egg` tab and select one of the prebuilt templates:

<figure><img src="https://4254262503-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M3fnB7iKYwDc1Xhr3H3%2Fuploads%2FvVQA8ywMzlCbhxokTEfc%2Fimage.png?alt=media&#x26;token=9be03dd7-efbf-49c4-abd9-b03fb8da2712" alt=""><figcaption></figcaption></figure>

4. In the `Repeater Builder` settings, you can apply various filters, similar to how you do with the [shortcode parameters](https://ce-docs.keywordrush.com/frontend/shortcode-parameters), to filter out the products to output in that block:

<figure><img src="https://4254262503-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M3fnB7iKYwDc1Xhr3H3%2Fuploads%2F9LNfjFELn3u1GqoHgnXr%2Fimage.png?alt=media&#x26;token=ddc28263-9635-428c-9bcb-c0a9eb046134" alt=""><figcaption></figcaption></figure>

5. You can also customize and adjust any block parameters (e.g., button color, font size, number of columns, padding, and much more):

<figure><img src="https://4254262503-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M3fnB7iKYwDc1Xhr3H3%2Fuploads%2FFfjVKpJCAyUXtdStYBgQ%2Fimage.png?alt=media&#x26;token=4971ce7e-0958-482d-959f-ca0f242d2bab" alt=""><figcaption></figcaption></figure>

### Reusable Templates

Once the template's appearance is customized according to your requirements, you can save it as a custom pattern.

1. From the `Repeater Builder` menu, select "`Create patter`n":

<figure><img src="https://4254262503-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M3fnB7iKYwDc1Xhr3H3%2Fuploads%2FHArtsZkHHqvD62WOHXzB%2Fimage.png?alt=media&#x26;token=b7ab5176-755b-4607-be3c-3eea14fad302" alt=""><figcaption></figcaption></figure>

2. Add a name for the template and select the "`Synced`" checkbox.

<figure><img src="https://4254262503-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M3fnB7iKYwDc1Xhr3H3%2Fuploads%2Fz29BBSUFhnCzEUXNDifi%2Fimage.png?alt=media&#x26;token=daed7b60-0739-4959-ae6c-3f5d66ea75b8" alt="" width="375"><figcaption></figcaption></figure>

2. Your pattern is now available in the `My Patterns` section. Use it in any posts you want.

<figure><img src="https://4254262503-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M3fnB7iKYwDc1Xhr3H3%2Fuploads%2FOV8b6IPFQ84aZRGJ3BU2%2Fimage.png?alt=media&#x26;token=2d044f22-2bbd-43e9-abad-bdd1684338e3" alt=""><figcaption></figcaption></figure>

3. Go to `Appearance > Patterns` if you want to edit the pattern. Select "`Select Post type for preview`" to get Content Egg data for preview from the last created post.

<figure><img src="https://4254262503-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M3fnB7iKYwDc1Xhr3H3%2Fuploads%2FxQwOY60JKtXzAIFNJeVI%2Fimage.png?alt=media&#x26;token=e356c85f-2784-4374-ba6d-9f4fce7bdf3f" alt=""><figcaption></figcaption></figure>

5. Because you selected the synchronization option in step 2, any changes made to this pattern will be applied to all pages where you use this pattern to display products.