Skip to content

Instantly share code, notes, and snippets.

<!-- INSTRUCTIONS:
1. Must change value of input with id="inquiry_inquiry_source" to one of the following:
master_demo_form (if artist)
art_gallery_demo_form (if art gallery)
print_studio_demo_form (if print_studio)
2. Add dynamic fields into appropriate section below. The name attribute of the input/select field must follow this nomenclature:
name="inquiry[dynamic_fields][field_name]" (where "field_name" is the name of the custom field. use underscores and NO SPACES).
-->
<div id="asf_contact_form_container">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
#asf_contact_form_container {
}
#asf_contact_form_container form .field label {
}
#asf_contact_form_container form .field input {
<div style="text-align: center;">
<div style="border: 2px dotted black; padding: 20px; margin: 20px 30px; text-align: center; line-height: 30px;">
Use this code at checkout<br />
<span style="font-size: 30px;">
<b>easy15</b>
</span>
</div>
<p>Thank you for joining Atom Prints.</p>
<div id="asf_contact_form_container">
<form accept-charset="UTF-8" action="http://www.artstorefronts.com/inquiries" class="new-inquiry" id="new_inquiry" method="post">
<input id="inquiry_reseller_id" name="inquiry[reseller_id]" type="hidden" value="1">
<input id="inquiry_inquiry_source" name="inquiry[inquiry_source]" type="hidden" value="subscribe_to_blog">
<input type="hidden" name="inquiry[dynamic_fields][redirect_url]" value="http://blog.artstorefronts.com/artist-demo-prep-confirmed/">
<!-- REQUIRED FIELDS -->
<div class="field">
<label for="inquiry_email">Email</label>
<div id="asf_flash_container" class="asf-flash-container">
</div>
<div class="asf-standard-form-precontent">
<h1>Request a Demo</h1>
<p>
If you are an artist/photographer, please keep in mind that we only onboard 20 customers per month and are very selective about who we bring onboard. Therefore, if you cannot provide a valid phone number where we can contact you to discuss your art business, please do not request a demo.
</p>
</div>
<a href="http://blog.artstorefronts.com/category/new-feature/?utm_campaign=welcome%20seq&utm_source=mailchimp%20email&utm_medium=email&utm_term=2016-05-10-welcome-seq&utm_content=email-3&crm_lead_id=*|CRMLEADID|*" target="_blank">
<script>
$(document).on('ready', function() {
$('.Collage').each(function() {
var collage = $(this);
// REMOVE THE FOUR FORWARD SLASHES AT BEGINNING OF ANY LINE THAT CONTAINS FOUR FORWARD SLASHES,
// IN ORDER TO OVERRIDE THE DEFAULT SETTING FOR THAT OPTION. THE COMMENTS ABOVE ANY LINE PROVIDE
// INSTRUCTIONS ON HOW YOU CAN USE THE OPTION.
/* COLLAGE IMAGE LAYOUT - BORDER INSTRUCTIONS
Here, you only need to change the "border" value, which by default is "3px solid white;".
If you want no border at all, replace "3px solid white;" with "none;".
If you want to decrease the size of the border, you could do "1px solid white;"
*/
.Collage img,
.Collage figure .blur {
border: 1px solid white;
}
<div class="field">
<label for="inquiry_selling_on_marketplaces">Have you sold your art on marketplace websites like Etsy, Fine Art America, 500px, etc?</label> <i class="fa fa-asterisk required"></i>
<select id="inquiry_selling_on_marketplaces" name="inquiry[dynamic_fields][selling_on_marketplaces]">
<option value="" selected="">Please Select</option>
<option value="No">No</option>
<option value="Yes">Yes</option>
</select>
</div>
<div class="field">