# Shortcode

To use shortcode to output a document library in your page builder plugins, please follow these steps:

### Step 1: Navigate to Documents menu

Go to **Documents** menu and choose "Add new" option.

<figure><img src="https://3041978267-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyIWF9CNHLQhdztdjt8Uo%2Fuploads%2FzEa9yCGDq6udc4xPTEBt%2Fadd%20new.jpg?alt=media&#x26;token=3552e7f9-23b4-4e73-aeab-cee41342867b" alt=""><figcaption><p>Add new shortcode</p></figcaption></figure>

### Step 2: Set up your document/file list

Add your settings for your document library layouts and styles.

<figure><img src="https://3041978267-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyIWF9CNHLQhdztdjt8Uo%2Fuploads%2FzRAFAsXV2FyUj41LoUpu%2Fcreate%20shortcode.jpg?alt=media&#x26;token=06d9a5e8-54ad-466a-a6c8-3578eb8056c7" alt=""><figcaption><p>Customize your document layouts</p></figcaption></figure>

### Step 3: Publish the shortcode&#x20;

Click on "Publish" button to generate the shortcode.

<figure><img src="https://3041978267-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyIWF9CNHLQhdztdjt8Uo%2Fuploads%2FZRXdmYBhTSdqboAMMH2m%2Fpublish%20it.jpg?alt=media&#x26;token=bcc71f96-4d43-4606-8ac1-ce085150cdc2" alt=""><figcaption></figcaption></figure>

### Step 4: Copy and Paste the shortcode

<figure><img src="https://3041978267-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyIWF9CNHLQhdztdjt8Uo%2Fuploads%2F5sytlL891dRqL8oBng99%2Fcopy%20shortcode.jpg?alt=media&#x26;token=1cc653d8-fec6-4a97-9df3-de2e79b4ac58" alt=""><figcaption></figcaption></figure>

Using the generated shortcode, you will be able to embed your document library into any "Shortcode" element of page builders, website builders, or theme's advanced editors.

These integrations include:

* Elementor
* DIVI by elegantthemes
* WPBakery page builder
* Visual Composer
* Flatsome theme
* Enfold theme's advanced editor
* Oxygen builder&#x20;

{% hint style="success" %}
Note: With version 3, you can now easily adjust your document layouts and styles by clicking the Edit button and modifying the content directly. There's no need to create a new shortcode.
{% endhint %}

<figure><img src="https://3041978267-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyIWF9CNHLQhdztdjt8Uo%2Fuploads%2FkGgKNOxjSzn21VvdEr1d%2Fedit.jpg?alt=media&#x26;token=5df12dd8-be68-498f-9adf-57d4617a0dfd" alt=""><figcaption></figcaption></figure>

[See how to do it in Elementor →](https://ninjateam.gitbook.io/filebird/addons/filebird-document-library/shortcode/embed-in-elementor)