How To Embed a Marketo Form on Your Registration Page

Plan Availability Starter Pro Premium Enterprise

For customers with contracts starting March 2024 or later, feature availability is based on your pricing tier. If interested, contact your CSM or our Sales Team to discuss pricing options. 


Goldcast supports embedding Marketo forms in place of our native registration form. This article will walk you through this process. 

Step 1: Create your Marketo form and copy the embed code

Create a Marketo form to capture the required details from event registrants. Once you’ve created and saved the Marketo form, the next step is to find and copy its embed code. 

  1. Login to your Marketo account and navigate to Design Studio
    1716977979077-3f22fb3d-577b-4ef7-ab53-a93f8da80fb3 (1146×451)
  2. In your Marketo account, find and select the form you want to embed on the Goldcast registration page.
  3. Click the Embed Code button on the top right. 
    1716978028099-105c0a69-d482-4df5-9d06-dd630a5bd54e (1145×533)
  4. Select Standard and click Copy Text
    1716978068077-95a9bc87-6bdb-4e22-9a3d-0199c775d8eb (454×604)
  5. Paste the code in Notepad or any other word-processing software, and keep it handy. 
    1716978108964-a33f11e8-bc66-4f99-bd34-254642c2e685 (1600×915)

Step 2: Paste the embed code in the Goldcast Registration Page Builder

After copying the embed code in Marketo, follow these steps:

  1. Login to Goldcast Studio and select your preferred event. 
  2. Navigate to Registration → Page & Form using the left sidebar.
  3. Click the Edit button in the Registration Page section. 
  4. Click the arrow next to the Registration block. 
  5. In the Form Type dropdown, select Marketo. 
  6. In the Marketo Snippet field, paste the embed code you copied in the previous step.
  7. Click Apply
  8. Select if you want to make the form Popup or Embedded
  9. Turn on/off the Show Registration Success Message toggle. 

Note: Turning this toggle on overrides the default Marketo setting that redirects registrants to a “Thank You page.” Instead, it shows the Goldcast success message you have entered in the text field. 

You can customize the style of the success message by defining a CSS class for the .success-message selector in your Marketo form. For more help, refer to Marketo’s Guide on Editing the CSS of a Form Theme

  1. Click Save. You can preview the Marketo form on the right side of the page. 

Note: After applying your embed snippet, remember to click the Save button in the builders' footer to deploy your Marketo form to your live registration page.

1716978246632-010a3812-10b5-46f1-a950-d9812a2b512a (1054×508)

Step 3: Test the Marketo form

Follow these steps to check if the embedded Marketo form works as intended:

  1. In the Page Editor, click the arrow next to the Hero section and click the Register button in the preview pane. Alternatively, you can click the Register CTA in the navigation bar if you’ve included it. 
  2. Verify if clicking the Register button opens the Marketo form. 
  3. The next step is configuring the webhook to Sync Event Registrants in Marketo to Goldcast
  4. Once done, test that registrations from the Marketo form are reflected in your Goldcast event in the Registrants tab. 

You’ve now successfully embedded your Marketo form in your Goldcast event and set it up to sync registrations from Marketo to Goldcast. 

FAQs & Troubleshooting

1. Can I use custom CSS on my Marketo form?

Yes. However, when adding custom CSS to your Marketo form, include ".mktoForm" before all your CSS code. This will ensure that any custom CSS you use will only affect the embedded Marketo form and won't interfere with any other settings on the registration page.

For instance, if you're using the ".flex" class in your custom CSS, add ".mktoForm" before it to make the CSS selector apply only to the Marketo form. 

.mktoForm .flex{
 display: flex;
 justify-content: space-around;
 align-items: center;
 flex-wrap: wrap;
}

2. How to edit the Marketo embed code?

Follow these steps to make any changes to the embedded code: 

  1. Navigate to Registration → Page & Form using the left sidebar.
  2. Click the Edit button in the Registration Page section. 
  3. In the Marketo Snippet field, click Edit. Make your required changes and click Apply
  4. Click the Save button in the builders' footer. 

© 2024 Copyright Goldcast, Inc. All rights reserved.


Knowledge Base Software powered by Helpjuice