Install WooCommerce Gift Message Plugin
Install the Velop WooCommerce gift message plugin, paste your API key, and choose where the GiftNote widget appears on your product pages or checkout flow.
- Download the Velop GiftNote ZIP from Portal → Onboarding → Download plugin.
- In WordPress admin go to Plugins → Add New → Upload Plugin, choose the ZIP, then click Install Now and Activate.
- Open WooCommerce → Settings → Velop tab.
- Paste your API key (visible on the Onboarding page) into the API Key field and save.
- Optionally set Widget Placement to Product page, Checkout, or both.
- Open a product page in your store to confirm the GiftNote add-on appears.
- Return to Portal → Onboarding and click Mark done on the plugin step.
Configure Branding
Set your store name, logo, brand colour, and a call-to-action link on the recipient viewer page.
- Open Portal → Branding.
- Upload your store logo — PNG, SVG, or JPG up to 2 MB. The logo appears in the viewer header.
- Pick a primary brand colour with the colour picker. This sets the viewer background and button colour.
- Enter a CTA text (e.g. Shop the collection) and the destination URL.
- Click Save changes. Your branding is live on all viewer pages immediately — no redeploy needed.
- Preview the branded viewer in the Live preview panel at the bottom of the Branding page.
Message Lifecycle
Messages are token-gated, delivered through signed storage URLs, and expire automatically based on your retention window.
- A new message starts in Pending state when the order is placed.
- The customer records or uploads media — the upload goes directly to secure storage via a short-lived signed URL.
- On confirmation the message moves to Active and a unique QR token is generated.
- The QR code is printed on the packing slip or gift card and ships with the order.
- The recipient scans the QR, which opens the branded viewer and plays the message.
- Media expires automatically after the retention window. Starter is fixed at 14 days; paid plans can use 14, 30, or 60 days.
API Basics
Use the merchant REST API for custom storefronts, headless commerce, or direct integrations.
- Find your API key on Portal → Onboarding. Pass it as a Bearer token: Authorization: Bearer vlp_live_...
- POST /messages/create with orderId, mediaType (voice/video/upload), mimeType, and fileSize.
- Upload media directly to the signed uploadUrl returned by /create — no server proxy needed.
- POST /messages/:id/confirm to activate the message and receive the QR viewer URL.
- Use the viewerUrl or token to generate a printable QR code for the packing slip.
- POST /messages/:id/cancel to void a message before the order ships.
Endpoint Shape
POST /messages/create
Authorization: Bearer {apiKey}
{
"orderId": "1042",
"mediaType": "voice",
"mimeType": "audio/webm",
"fileSize": 482331
}
Get an API key