Responsive notifications

I’m looking to send responsive email notifications to accomodate both mobile and desktop email readers.

There are plenty of online email builders, that take into account all the different quirks of email readers, but they all produce full HTML/CSS pages which cannot be imported into the GF Notifications email builder.

I’ve found zero email builders that produce HTML code with only inline CSS that could be imported into the GF Notifications email builder.

Have you solved this problem?
Is there a workaround?

Thanks for your time!

1 Like

How much imagery and other stuff are you looking to have in those emails? If it’s just an image or a few, you can code the CSS inline yourself. That’s what I did when I discovered my images weren’t responsive out of the box. Here’s an example…

<img style="display: block; width: 80%; margin: auto;" src="IMAGE URL" alt="" />

I’ve had quite a bit of success with building responsive templates that are HTML with inline CSS that get inserted into the notifications editor.

I did however have to turn off the Visual tab of the editor on those specific notification editor pages so it doesn’t break my code.


thanks for the awesome information.

You can turn off the “Visual” tab permanently by placing this code block in your functions.php file or in a separate plugin file for it:

add_filter('wp_editor_settings', 'remove_gf_notification_visual_editor', 10, 2);
function remove_gf_notification_visual_editor($settings, $editor_id) {
  if ($editor_id === '_gform_setting_message') {
    $settings['tinymce'] = false;
  return $settings;
1 Like

Thanks for that @mikekormendy!


This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.