How to Set Up the Artworker File-Sharing Widget

Live Demo

See the widget in action on our Widget Demo Page.

Step 1: Copy the Widget Script

First, copy the widget script below, replacing yoursubdomain with your own Artworker subdomain (e.g., if your Artworker subdomain is speedypress, replace yoursubdomain with speedypress).

<script type="text/javascript" src="https://storage.googleapis.com/embed.artworker.io/artworker-fsp-widget-popup.js?subdomain=yoursubdomain"></script>

Step 2: Add the Script to Your Website

Paste the widget script into the <head> section of your website's HTML.

Example:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script type="text/javascript" src="https://storage.googleapis.com/embed.artworker.io/artworker-fsp-widget-popup.js?subdomain=yoursubdomain"></script>
  <title>Your Website</title>
</head>

Step 3: Add the Widget Button or Link

To open the file-sharing widget, you can use either a button or a link. Just add the data-artworkerio-modal="open" attribute to your chosen element.

Button Example:

<button data-artworkerio-modal="open">Share File</button>

Link Example:

<a data-artworkerio-modal="open" href="#">Share File</a>

Step 4: Test the Widget

Save your changes and visit your webpage. Click your button or link, and the Artworker file-sharing widget should pop up, ready to use

Help center