> For the complete documentation index, see [llms.txt](https://wplake.gitbook.io/advanced-views/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wplake.gitbook.io/advanced-views/post-selections/features/pre-built-components.md).

# Pre-built Post Selections

Advanced Views comes with a set of pre-built Post Selections for a quick start.&#x20;

{% hint style="info" %}
The goal of the library isn't to provide a complete library of ready-made elements, but rather a set of the most often used elements, which can be easily customized for your project.&#x20;

After customization, you can save the components manually or use the [reusable component library](https://docs.advanced-views.com/templates/reusable-components-library-pro) feature to reuse them in other projects.

This encourages different freelancers and agencies to create their own sets of unique elements, instead of reusing common ones, thereby fostering the presence of distinct and unique designs.
{% endhint %}

## 1. How to use it

#### 1. Opt-in items

Open the *Post Selections* items table and click on the 'Pre-built components' tab.

It displays a list of available pre-built components with a short description for each.

#### 2. Import opted items

Click 'import' either below the item title or select multiple items and import in the bulk actions. It'll then import the item itself along with the related meta group.

#### 3. Paste the shortcode in the target place

Note: If you've opted for the Gutenberg block option, skip this step.

Visit the imported item, copy the shortcode, and paste it into the target place. That's it, you're done!&#x20;

Now you can visit the page and see the new pre-built component in the list. You can refine the pre-built styles and markup according to your needs.

## 2. Screenshots of pre-built Layouts

{% hint style="info" %}
Note: The screenshots below are taken on a fresh WordPress installation, without page builders and global styles. The appearance of the imported items on your website may vary depending on your theme/plugin's global styles. You can edit the imported items to refine it and achieve your desired look.
{% endhint %}

<figure><img src="/files/tKx3ffCkSaeOLoePOslt" alt=""><figcaption><p>Latest articles</p></figcaption></figure>

<figure><img src="/files/No6H3SwPnRj0H4LozXMR" alt=""><figcaption><p>Latest articles slider (Pro)</p></figcaption></figure>

## 3. List of pre-built Post Selections

| Title                        | Description                                                                                | Notes                                      |
| ---------------------------- | ------------------------------------------------------------------------------------------ | ------------------------------------------ |
| Latest articles              | 4-column grid displaying the latest posts, featured image, title, and last updated date.   |                                            |
| Latest articles slider (Pro) | 3-column slider displaying the latest posts, featured image, title, and last updated date. | In Pro only, as it uses the slider feature |
