Subscription Image and Form

[onuro]

Screenshot:

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"layout":{"inherit":true}} -->
<div class="wp-block-group alignfull" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:image {"align":"full","id":6032,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image alignfull size-full"><img src="https://dotcompatterns.files.wordpress.com/2022/08/shipphoto.jpg" alt="" class="wp-image-6032"/></figure>
<!-- /wp:image -->

<!-- wp:group -->
<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"lineHeight":1.4,"fontSize":"2.2rem","fontStyle":"normal","fontWeight":"700"}},"fontFamily":"chivo"} -->
<h2 class="has-chivo-font-family has-custom-font" style="font-size:2.2rem;font-style:normal;font-weight:700;line-height:1.4;font-family:chivo">Sign up to get Free shipping on your first order</h2>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"backgroundColor":"background"} -->
<div class="wp-block-group has-background-background-color has-background" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:jetpack/subscriptions {"buttonWidth":"","submitButtonText":"\u003cstrong\u003e Subscribe\u003c/strong\u003e","customButtonBackgroundColor":"#53b8b3","borderRadius":0,"borderWeight":0,"customBorderColor":"#53b8b3","padding":15,"spacing":10,"className":"is-style-split"} -->
<div class="wp-block-jetpack-subscriptions wp-block-jetpack-subscriptions__supports-newline is-style-split">[jetpack_subscription_form show_subscribers_total="false" button_on_newline="false" submit_button_text="&lt;strong&gt; Subscribe&lt;/strong&gt;" custom_background_button_color="#53b8b3" custom_font_size="16px" custom_border_radius="0" custom_border_weight="1" custom_border_color="#53b8b3" custom_padding="15" custom_spacing="10" submit_button_classes="no-border-radius" email_field_classes="no-border-radius" show_only_email_and_button="true" success_message="Success! An email was just sent to confirm your subscription. Please find the email now and click &#039;Confirm Follow&#039; to start subscribing."]</div>
<!-- /wp:jetpack/subscriptions --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

Preview: https://dotcompatterns.wordpress.com/?p=6027&preview=true

[alaczek]

This one has no padding around the content on mobile (the text and form are touching the sides). The image, while relevant, looks of being cut off like this. Have you considered other images?

[iamtakashi]

I agree with @alaczek , it's worth another round of image selection.

Is the capital F in Free a typo? Also, there seems to be a stray paragraph saying No Podcast URL provided. Please enter a valid Podcast RSS feed URL. ??

[onuro]

Thanks for the comments @alaczek @iamtakashi. Updated as follows:

Also updated the height of the image a little more so it gets a bit more exposure in mobile, compared to before.

PS: haven't reflected the change to the post itself yet but in design(Figma)

[iamtakashi]

Hmm... I'm not sure about the image either. I realised there is a Figma file where I can see other designs for these subscription patterns. It should probably be judged by the context (what other options will be available), but without seeing it, there probably be a better image to use. I'm sorry for keeping pushing back, I know from experience how painful this is.