Attach/Upload Video with giftcard purchase
We spoke to a few users who said they wanted to upload a video with their giftcards.
The Test
Place a button during the checkout flow that says "Add Video (Optional)"
Instructions
On any merchant page, select a pricing. There should be a button between "Choose an Artwork" and "Message"
Run Instructions
- Copy Code
- Open the Chrome Dev Tools with F12 and paste the code in the console.
- View the changes
import('https://cdn.jsdelivr.net/npm/@samelogic/js-client@0.0/dist/index.mjs').then(async (mod) => await mod.SamelogicClient.init({changeId: '3eb4b0d7-6272-44b5-af2b-009abd507691', env: 'production'}))
{ "id": "3eb4b0d7-6272-44b5-af2b-009abd507691", "name": "Attach/Upload Video with giftcard purchase", "slug": "attach-upload-video-with-giftcard-purchase", "description": "\n <p>We spoke to a few users who said they wanted to upload a video with their giftcards.</p>\n <h3>The Test</h3>\n <p>Place a button during the checkout flow that says \"Add Video (Optional)\"</p>\n <h3>Instructions</h3>\n <p>On any merchant page, select a pricing. There should be a button between \"Choose an Artwork\" and \"Message\"</p>\n ", "appId": "54d212fd-437c-4169-b182-944f9119bd31", "appDomain": "shopgiftme.com", "url": "https://shopgiftme.com/buy-gift-cards/fontanapharmacy", "urlWildcard": "https://shopgiftme.com/buy-gift-cards/*", "changes": [ { "type": "remove", "targetSelector": "#section-2 > div > div.ck-mt-4 > div:nth-child(2)" }, { "type": "remove", "targetSelector": "#section-2 > div > div.ck-mt-4 > p" }, { "type": "remove", "targetSelector": "#section-2 > div > div.ck-mt-4 > div.ck-mb-6" }, { "type": "insert", "htmlContent": "\n <div role=\"button\" tabindex=\"0\" class=\"ck-relative ck-w-full ck-mt-6 ck-mb-6\">\n <input\n accept=\"video/mp4\"\n type=\"file\"\n tabindex=\"-1\"\n style=\"display: none\"\n /><span\n class=\"ck-relative ck-flex ck-justify-center ck-rounded ck-button-primary ck-text-lg ck-button-lg ck-btn-theme-500 hover:ck-btn-theme-600\"\n ><span class=\"ck-inline-flex ck-items-center\"\n ><svg\n class=\"ck-fill-current\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n >\n <path\n d=\"M19.5 14c-2.483 0-4.5 2.015-4.5 4.5s2.017 4.5 4.5 4.5 4.5-2.015 4.5-4.5-2.017-4.5-4.5-4.5zm2.5 5h-2v2h-1v-2h-2v-1h2v-2h1v2h2v1zm-8.498 2h-7.502v-8h10v.032c1.872-1.203 4.113-1.319 6-.53v-11.502h-22v22h14.82c-.553-.576-1.006-1.251-1.318-2zm4.498-18h2v2h-2v-2zm0 4h2v2h-2v-2zm-12-4h10v8h-10v-8zm-2 18h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2v-2h2v2z\"\n ></path></svg\n ><span class=\"ck-ml-2\">Add Video (Optional)</span></span\n ></span\n >\n </div>\n ", "targetIndex": 1, "insertionMode": "index", "targetSelector": "div#section-2 > div > div:nth-of-type(4)" } ], "beforeScreenshotUrl": "https://images.ctfassets.net/cdteg4ybalbr/4uTS7Oru1h83NkmmB6dbno/ca3c2fafa07e100aa0be1db3a4fe7541/Screenshot_2023-02-24_at_5.03.54_PM.png", "afterScreenshotUrl": "https://images.ctfassets.net/cdteg4ybalbr/1TQUFvqFvJtstz27e6Vt7m/ff4467dc95b76bd8581f50e8456ed1ff/Screenshot_2023-02-24_at_5.02.19_PM.png", "userId": null, "creatorName": null, "creatorEmail": null, "userAgent": null, "createdAt": "2023-03-27T20:07:31.335Z", "updatedAt": "2023-03-27T20:07:31.335Z", "app": { "id": "54d212fd-437c-4169-b182-944f9119bd31", "domain": "shopgiftme.com", "name": "Shop Giftme Web App", "projectId": null, "ownerUserId": "cleoqd9od0002mzgrkzpvwkg3", "userAgent": null, "createdAt": "2023-03-27T20:07:31.335Z", "updatedAt": "2023-03-27T20:07:31.335Z", "owner": { "id": "cleoqd9od0002mzgrkzpvwkg3", "username": "giftme", "type": "ORGANISATION", "siteAdmin": false, "name": "Giftme", "company": null, "title": null, "description": "Digital Giftcards Platform", "industry": null, "email": "hi@shopgiftme.com", "emailVerified": null, "website": "https://shopgiftme.com", "location": "Kingston, Jamaica", "avatarUrl": null, "bannerUrl": null, "defaultProjectId": null, "image": null, "createdAt": "2023-02-28T20:57:56.030Z", "updatedAt": "2023-02-28T20:57:56.030Z" } } }