Landing Pages Help!!

Raydar

Member
How can we style a list form that we select and embed in landing pages. The form just brings the basic form.
Check the image. Is there a way to style it. If not, when can we get an update on the styling or better still, it can also retrieve all the custom assets already added to that page and use it when displaying it in the landing page.Screenshot 2023-07-28 at 3.33.36 PM.png
 
I changed the subscribe form before inserting it to landing page... maybe this helps you.
 

Attachments

  • Screenshot 2023-07-28 18.43.04.png
    Screenshot 2023-07-28 18.43.04.png
    32.6 KB · Views: 24
How did you change it? By change do you mean the source? I need to be able to style the entire form or the landing page should also use the custom asset i used to style my form in mailwizz.
Below is how it appears on mailwizz normally, and how it appears on the landing page.
 

Attachments

  • Screenshot 2023-07-28 at 4.51.55 PM.png
    Screenshot 2023-07-28 at 4.51.55 PM.png
    177.2 KB · Views: 27
  • Screenshot 2023-07-28 at 3.33.36 PM.png
    Screenshot 2023-07-28 at 3.33.36 PM.png
    193.5 KB · Views: 26
As i said, I changed the subscribe form before inserting it to landing page. You may go to your landing page and select the list again (refresh it). It'll be updated with the changes you've made.
 
1. Select your list > URL something like /customer/lists/list-id-here/overview
2. Edit and save your subscribe form for the list > URL something like customer/lists/list-id-here/page/subscribe-form
3. Select and update your Landing page > URL something like customer/landing-page-variants/lp-id-here/update
4. Insert subscribe form from the block settings (or edit the old subscribe form)
5. Select the list that you updated before
 

Attachments

  • Screenshot 2023-07-29 18.24.51.png
    Screenshot 2023-07-29 18.24.51.png
    46.3 KB · Views: 25
#2. Did you edit/style your form in Mailwizz or somewhere else?
Can you share a screen of what you see in your subscribe form in Mailwizz (url something like customer/lists/list-id-here/page/subscribe-form) ?
 
@JohnIss, mailwizz gives an option to add custom assets to lists (JS and CSS). This custom assets doesn't get loaded at the landing page when you insert your list. it's not about editing the form, it's about styling the form with custom assets and making it work in the landing page. @twisted1919 , kindly help look into this.
 
@Raydar - I don't know if this will work, but have you tried actually inserting a HTML/CSS block and place your CSS there inline? Does that work?
 
This will work though, but it isn't viable to ask customers to do this. I think allowing the landing page to also load the custom assets will do, or provide a place where custom assets can be added to the block too.. Probably after selecting the list, the space below will also add where you can input Css styles and JS link too.
Will be more viable that way.
 
I think allowing the landing page to also load the custom assets will do, or provide a place where custom assets can be added to the block too
Problem is that those custom assets for list subscription form are generated for a full page, while in this case, we embed the form in an existing page with other elements, and it might affect the rest of the page, which we don't want, so for now, you'll have to embed the css as advised above, at least, this way, you know exactly what you're doing and you can remove the css in case it breaks the page.
 
Problem is that those custom assets for list subscription form are generated for a full page, while in this case, we embed the form in an existing page with other elements, and it might affect the rest of the page, which we don't want, so for now, you'll have to embed the css as advised above, at least, this way, you know exactly what you're doing and you can remove the css in case it breaks the page.
I have the same issue. How can you expect novice users to understand how to customize CSS? Most want a simple editing solution. I think this needs work. Please consider giving us controls in the form editor to make styling a bit easier.
 
Back
Top