G

V

Steps to integrate Salesforce Marketing Cloud with Webflow:

To integrate a Salesforce Marketing Cloud forms form with Webflow, you can use the "Embed Code" option in the form editor in Salesforce Marketing Cloud to generate the HTML code for your form. You can then add this code to your Webflow site using the "Embed" element in the Webflow Designer. Here are the steps to do this:

  1. In Salesforce Marketing Cloud, go to the form editor for the form you want to integrate with Webflow.
  2. In the form editor, click on the "Options" tab and then select the "Embed Code" option.
  3. In the "Embed Code" window, select the HTML code for the form and copy it to your clipboard.
  4. In Webflow, open the page where you want to add the form and click on the "Add" button.
  5. In the "Add" menu, select the "Embed" element and then paste the HTML code for your form into the "Embed Code" field.
  6. Adjust the size and position of the form on your page as desired, and then save your changes.
  7. Preview your page to make sure the form is displaying correctly, and then publish your site to make the form live on your website.

Why integrate Salesforce with Webflow?

Salesforce Marketing Cloud is a powerful marketing automation platform that can help businesses improve customer engagement, generate leads, and drive conversions. With its rich set of features and integrations, Salesforce Marketing Cloud can help businesses create personalized and targeted marketing campaigns that deliver results.

One way to leverage the power of Salesforce Marketing Cloud is to integrate it with Webflow, a popular website design and development platform. By integrating Salesforce Marketing Cloud with Webflow, businesses can easily add marketing forms, surveys, and other elements to their Webflow sites, enabling them to collect customer data, track user behavior, and run targeted marketing campaigns.

In this blog post, we will take a deep dive into how to integrate Salesforce Marketing Cloud with Webflow and the benefits of doing so.

Benefits of Integrating Salesforce Marketing Cloud with Webflow

There are several benefits to integrating Salesforce Marketing Cloud with Webflow. Here are some of the key benefits:

Personalized marketing campaigns

With Salesforce Marketing Cloud, businesses can create personalized marketing campaigns based on customer data, behavior, and preferences. By integrating Salesforce Marketing Cloud with Webflow, businesses can easily collect customer data through forms, surveys, and other elements on their Webflow sites, and use that data to create targeted marketing campaigns that deliver results.

Improved customer engagement

Salesforce Marketing Cloud enables businesses to send personalized and relevant messages to their customers, which can help improve customer engagement and loyalty. By integrating Salesforce Marketing Cloud with Webflow, businesses can easily add elements to their Webflow sites that enable them to collect customer data and communicate with their customers in a personalized and engaging way.

Increased conversions

By using Salesforce Marketing Cloud to create targeted marketing campaigns, businesses can improve their chances of generating leads and driving conversions. With the integration with Webflow, businesses can easily add marketing forms, surveys, and other elements to their Webflow sites, making it easy for customers to engage with the business and convert into leads.

Enhanced user experience

Salesforce Marketing Cloud provides businesses with a wealth of data and analytics that can help them understand their customers and their behavior. By integrating Salesforce Marketing Cloud with Webflow, businesses can use this data to improve the user experience on their Webflow sites, making it more engaging and relevant for their customers.

3 customizations you can make to Salesforce forms

Here are three valuable customizations that you can make with Salesforce Marketing Cloud forms:

Form submission button

You can customize the text and design of the form submission button to create a more engaging and professional experience for your customers. For example, you can change the text on the button from "Submit" to "Sign up" or "Join now" to match the call-to-action of your form.

Form submission message

After a customer submits your form, you can customize the message that they see to thank them for their submission and provide them with next steps. For example, you can add a confirmation message that includes a link to a thank-you page or a follow-up email.

Form submission behavior

You can customize the behavior of your form submission to create a more personalized and engaging experience for your customers. For example, you can add a redirect to a thank-you page after the form is submitted, or you can trigger a follow-up email to be sent to the customer.

The customizable features of Salesforce Marketing Cloud forms make them a valuable tool for businesses that want to collect customer data and improve their marketing efforts. By customizing the form fields, design, and behavior, businesses can create forms that are tailored to their specific needs and goals.

Custom "Thank you" message using JavaScript

Use this script to show a custom "Thank you" message with elements inside Webflow.

 <script>
// Select the form element
const form = document.querySelector('form.salesforce-form');

// Listen for the form submission event
form.addEventListener('submit', (e) => {
  // Prevent the default form submission behavior
  e.preventDefault();

  // Customize the form submission behavior
  // ...

  // Submit the form data to Salesforce Marketing Cloud
  const xhr = new XMLHttpRequest();
  xhr.open('POST', 'https://your-salesforce-marketing-cloud-url/');
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  xhr.send(new FormData(form));

  // Listen for the response from Salesforce Marketing Cloud
  xhr.addEventListener('load', () => {
    if (xhr.status === 200) {
      // Handle successful form submission
      // Select the custom success message element
      const success = document.querySelector('.salesforce_custom-success');

      // Apply the "display: block" style to the element
      success.style.display = 'block';
    } else {
    	// Handle form submission error
     	// Select the custom success message element
      var success = document.querySelector('.salesforce_custom-success');

      // Apply the "display: block" style to the element
      success.style.display = 'block';
      // Select the custom error message element
      var error = document.querySelector('.salesforce_custom-error');

      // Apply the "display: none" style to the element
      error.style.display = 'none';
    }
  });
});
</script> 

This script is used to handle the form submission on a webpage. It first selects the form element that has the class "salesforce-form". Then, it listens for the form submission event and prevents the default form submission behavior.

The script then submits the form data to Salesforce Marketing Cloud using an XMLHttpRequest object and listens for the response. If the response is successful, it selects the element with the class "salesforce_custom-success" and applies the "display: block" style to it. This will make the success message visible to the user.

If the response is not successful, the script selects the element with the class "salesforce_custom-error" and applies the "display: none" style to it. This will hide the error message from the user.

Conclusion

In conclusion, integrating Salesforce Marketing Cloud with Webflow can provide numerous benefits for businesses. It allows for seamless communication between the two platforms, making it easy to manage customer information and create personalized marketing campaigns. Additionally, the integration allows for improved tracking and analysis of marketing efforts, providing valuable insights for making data-driven decisions. Overall, integrating Salesforce Marketing Cloud with Webflow can greatly enhance a business's marketing strategy and drive success.

How to integrate Salesforce Marketing Cloud with Webflow

Need Salesforce - Webflow integration? Reach out to Finsweet.

No hustle and no headache. Let’s automate your workflow together!

Learn more about

Integrations

CRM

No items found.

Confidently integrate third-party applications with Webflow