Add /free-trial page

• Add new page for Marketo "Free Trial" form
• Link "Free trial" button on "Pricing" to new page
• Add page title and header
• Add copy before the form
• Test the form with @hanktaylor
• Decide what the user should see after submitting the form

@AshleyS Do you already have copy for this new page? See TODOs in Changes.

Also I'm not sure why but the "Contact Sales" form has more padding than this new "Free Trial" form.

This is something Marketo is doing on their end (or we're telling it to do in the form designer), but I didn't see anything obvious.

mentioned in issue #423 (closed)

@rspeicher I found custom css on the contact sales form. I can remove it or add it to all new forms - you tell me. Here's the css:

/* Add your custom CSS below */

#mktoStyleLoaded {
  /* css load detection, do not remove */
  color:#123456;
}
.mktoForm fieldset {
  border:1px solid #aeb0b6;
}
.mktoForm fieldset legend{
  padding:0 1em;
}


.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm select.mktoField,
.mktoForm textarea.mktoField{
  -webkit-appearance: none;
  background-color:#fff;
  line-height:1.8em;
  color:#000;
  border:1px solid #aeb0b6;
  padding:0.2em 0.3em;
  box-shadow:inset 1px 1px 3px 1px #ddd;
  min-height:1.5em;
}
.mktoForm input[type=text]:focus,
.mktoForm input[type=url]:focus,
.mktoForm input[type=email]:focus,
.mktoForm input[type=tel]:focus,
.mktoForm input[type=number]:focus,
.mktoForm input[type=date]:focus,
.mktoForm select.mktoField:focus,
.mktoForm textarea.mktoField:focus{
  outline:none;
  border:1px solid #888;
  color:#000;
}

.mktoForm .mktoLogicalField{
  border:1px solid transparent;
}

.mktoForm input.mktoField.mktoInvalid,
.mktoForm textarea.mktoField.mktoInvalid,
.mktoForm select.mktoField.mktoInvalid,
.mktoForm .mktoLogicalField.mktoInvalid{
  border:1px solid #e95b4b;
}


.mktoForm textarea.mktoField{
  resize: none;
}

.mktoFormRow {
    margin-bottom: 0.6em !important;
}

@hanktaylor The custom CSS seems to be the reason. Which is weird, because I didn't set that up in the original form, and I don't think @AshleyS did either.

Added 1 commit:

• 4eb67410 - Add copy to free trial page

This is ready to go, but I'll leave it WIP until we fix the webhook and do another test.

@rspeicher Weird. I'd rather not add it to new forms. Should I remove it from old forms or just leave it? @AshleyS insights?

@hanktaylor Let's leave it on these two since they're stand-alone forms and are the only content on their respective pages. If it comes up again in the future we can look into a better solution.

Responded via email and it bounced.

@creamzy I believe helped us out with some custom CSS to make the form prettier.

Currently blocked by #423 (closed)

Title changed from WIP: Add /free-trial page to Add /free-trial page

Status changed to merged

mentioned in commit 8eed804c