## Installation

1. Install Elfsight File Embed WordPress Plugin `elfsight-file-embed-cc.zip` to your website. Don't know how? Please learn here.

2. Go to File Embed page in WordPress admin menu.

3. Create a new widget, adjust all settings and get a ready-made shortcode.

### Use File Embed as a WordPress Shortcode

#### 1. Create a new widget

You can use Elfsight File Embed as a WordPress shortcode. To do this, you have to create a new widget, set all options in the Elfsight editor and save it.

#### 2. Copy-paste the shortcode

You will see the new widget's shortcode in the widgets list. You can copy-paste it into the required place of your website.

Example of the Elfsight File Embed shortcode:

    [elfsight_file_embed id="1"]

### Use File Embed as a Gutenberg Block

You can use Elfsight File Embed as a block for Gutenberg editor. Just add it to your page during page building and select one of the available File Embed widgets from the list.

### Use File Embed as a WordPress Widget

To use Elfsight File Embed as a WordPress widget, go to Appearance -> Widgets, and drag Elfsight File Embed WordPress widget to any widget section. Next, select one of available File Embed widgets from the list.

### Use File Embed as a Visual Composer Element

You can use Elfsight File Embed as a Visual Composer element. Just add it to your page during page building and select one of the available File Embed widgets from the list.

## Options

Option | Default Value | Description
--- | --- | ---
Content
Files | - | Upload your files
Files: Name | - | Enter the name of the file to be displayed above it.
Files: Preview Image | - | Upload an image or an icon to be displayed as file preview.
Widget Title | Docs to download | Add a title to your files widget.
Layout
How to display files | File Viewer | Choose how you want to display your files. File viewer will let your visitors view the files directly on your site. Grid and List views are recommended in cases when you have many files. With these views your visitors can select and download the file they need.
Show File Icon | true | Show/Hide the file icon.
Preview Image Size | 30 | Set preview image size in pixels.
Show Download Link | true | Show/Hide download link.
Download Link Text | Download | Enter download link text.
Width (px, %, auto) | 800 | Set the widget width in pixels. Or set "auto" to make it full width.
Style
Name Color | rgb(17, 17, 17) | Set the file name color.
Download Link Color | rgb(28, 145, 255) | Set the download link color.
Background Color | - | Set the widget background color.
File Background Color | - | Set the file background color.
Widget Title Color | rgb(17, 17, 17) | Set the widget title color.
Icon Color | - | Files icons have their default colors. You can set a custom color that will be applied to all the icons. To cancel custom coloring, clear this setting.
Name Font Size (px) | 15 | Set the name font size in pixels.
Download Font Size (px) | 13 | Set the download link font size in pixels.
Widget Title Font Size (px) | 20 | Set the widget title font size in pixels.

## Support, questions and offers

Your questions and issue reports are processed on the first-come, first-served basis. Expect an answer from 10 a.m. to 7 p.m. CET, Monday through Friday.

Visit Support Center