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