iPhone 7 & iPhone X Studio

Purchase flow
1. 1. Product preview
2. 2. Payment form
  - Optimize for conversion (?)
  - Require shipping information
  - More information: Required
3. 3. Receipt
Style
- Video thumbnail processing...
  
  We support image and video uploads.
- Opacity
- Tile background
- .is-embed .product { box-shadow: none; } .is-embed .top-bar, .is-embed .sharing, .is-embed .preview-container, .is-embed .product-main .product-information .product-info, .is-embed .powered-by-footer, .is-embed .receipt_hole, .is-embed .receipt_shadow, .is-embed .receipt_hole, .is-embed .button-small.button-w-i, .is-embed .receipt_bottom, .is-embed .product .buy-form-main .changed_mind_button, .is-embed .receipt .product-details a.js-mobile-app-popover-trigger, .receipt .receipt-entry .receipt-price, .is-embed .author-hovercard.js-author-hovercard { display: none; } .is-embed .receipt .receipt-entry { border: none !important; } .is-embed .receipt .product-details { margin: 0; border: 0; padding: 0; text-align: center; } .is-embed .receipt h4 { color: #333; text-align: center; font-size: 18px; margin: 60px 0 15px; } .is-embed .receipt .product-name { display: none; } .is-embed .receipt .product-details a { height: 43px; background: #73c500; border-radius: 5px; border: 0; box-shadow: none; font-weight: 700; text-transform: uppercase; font-size: 14px; color: white; padding: 0; line-height: 43px; display: inline-block; text-align: center; width: auto; padding: 0 30px; } .is-embed button.button-primary.i_want_this_button, .is-embed .button.button-primary.pay_button { height: 53px; background: #73c500; border-radius: 5px; border: 0; box-shadow: none; font-weight: 700; text-transform: uppercase; font-size: 14px; color: white; padding: 0; line-height: 53px; display: block; text-align: center; } .is-embed .receipt .receipt-entry .product-details p { text-align: center; } .is-embed * { box-shadow: none !important; } .is-embed .envelope, .is-embed .credit_card_holder .credit_card { background: #F8F8F8; } .is-embed .payment-container { max-width: 480px; width: 480px; } .is-embed .product-price-tag { position: static; text-align: center; padding: 0; width: 100%; background: transparent; color: #333; padding: 40px 0 10px; } .is-embed .product-price-tag strong { font-weight: normal; } .is-embed .product-price-tag strong.price { padding-left: 46px; width: 40px; height: 20px; display: inline; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAAcCAAAAAA8IgxYAAACXElEQVR4AdXTg3I0aRhA4dzTiW3btm2juLZt27ZtK7aT34N3q1U9PVFnvaf08Rn0jI/8BS3edtuTYuTzxTN7euW44sdQZIoT7CnxHxFPf/XV9zbFt27RaoNMfXi/7O1nSLYpGoO7odUY/3/E3bOHiad3jieevL03Hf+C8afcolQVGgKEhoZeLmrvtqVAdMUtp2yLX2eg17yizIvQu1CZrdaiF/uyTfERfyC1tyUGiPpKRG6/YAhCL7jgAkU4XQrk9A+U+ULgdxbx1YHHXPuJSyFQOKWM3ouBQpfX93gFRL6rDH4thQxPcQZ4bz9xBOpP63gcPOIl5sJ72mgxBBY8xDeBu/cRfwK+E717IcZhER3XXXuL6NXAyx6io4KM9X3Ex6FFjM5EwZQpejUG91uezKxb9hEvh2vMSzXw5gHiyaUeuN/Gs+6Ax81r43CXt7j80Pl1qZF+gD2xAN4xxavhQqu4cX4gRrbf45OmOAF3WMQz5UBcy/nX3/3Ea032xMvgOlOshdct4pUQ8rzT+EpsiY9Bhxidi4FJi1gCj4lehT3xe+BH0XsIIh2eojsApoyHHWRPlH5ocWjD9UTtjsyD/44oZcAb5p/LnjgfBBWLyujzBMhVcYcvPCNKQ5A2pwzWJgj1Ep9svtO5nyj3An75E32pQNinopYPVF/5qsgvweDfefklLWFkXWcVfwPe2FeUj5PRq54TrZdRukREng1Cq2D2dqv4DnD//qJsX9sSA2k9DzjF6NUcP7hUGS2OJwK5954WL9HVSsmWIe7T6q5YcyyuOo2nPHtG9mtT5He62eIFrI4taQAAAABJRU5ErkJggg=='); -webkit-background-size: 40px 14px; -o-background-size: 40px 14px; background-size: 40px 14px; background-position: 0px 3px; background-repeat: no-repeat; } .is-embed .product-price-tag .old-price { margin-left: 5px; color: inherit; opacity: .5; font-weight: normal; font-size: inherit; } .is-embed .product-main { display: none; height: 0; } .is-embed .product-main .product-information.two-column .description-container { display: none; } .is-embed .product-main .product-information.two-column .want-container { width: 480px; margin: 0 auto; padding: 0; float: none; } .is-embed .product-price-tag:before { display: none; } .is-embed div#buy-form-main { background: #fff; /*margin-top: -40px;*/ height: auto; display: block; } .is-embed #product-page .wrapper { padding: 0; max-width: none; } Preview Reset
  CSS hints
- Remove Gumroad branding
- Edit
  
  Preview

Pick a theme:

Customize:

Custom CSS:

CSS hints

Card

Card

Card

$19

iPhone 7 & iPhone X Studio

iPhone 7 & iPhone X Studio

By

Mockuuups.com

Mockuuups.com

Customizable iPhone Templates

Follow

Follow for updates on what Mockuuups.com is creating.

Mockuuups.com

Card

Card

Card

Thank you!

Gumroad Library

Pick a theme:

Customize:

Custom CSS:

CSS hints

Card

Card

Card

Thank you!

Gumroad Library

$19

iPhone 7 & iPhone X Studio

iPhone 7 & iPhone X Studio

By Mockuuups.com Mockuuups.com Customizable iPhone Templates Follow Follow Follow for updates on what Mockuuups.com is creating.

Mockuuups.com

Card

Card

Card

Thank you!

Gumroad Library

Log in to your Gumroad account

Sign up for Gumroad

Share this product via email

By

Mockuuups.com

Mockuuups.com

Customizable iPhone Templates

Follow

Follow for updates on what Mockuuups.com is creating.