✔ High Level Landing Pages
Completed by Alyssa W.
- Assigned to
-
Selena V.
- Notes
-
Hi
I sent you an email, but here is the same info so that it's in basecamp:
Selena
Please build us landing pages, similar to and using the content of:These landing pages will be used for multiple clients, so can you place in red the info that will be interchangeable, depending on these clients?Please let me know if you have any questions. This is the #1 High-Priority Project.Login info for High Level:Login URL: https://app.medstarmedia.com/lUsername: design@medstarmedia.com
Password: YoureCool2022#$
I created three landing pages:
1. Botox: https://app.medstarmedia.com/v2/preview/kUKEKVPvEN9woLjyqvs5
2. Dermal Fillers: https://app.medstarmedia.com/v2/preview/w21zHvpq9QEH5oiPcR8z
3. Emsella: https://app.medstarmedia.com/v2/preview/2qlI2CHuEqlK8wGKoyGR
I can't change form, looks like I don't have access to forms, so all forms have heading: "Get up to 90% OFF for a limited offer today!" and I couldn't change color to red.
I used icons for all lists, but I can't see them on the preview. Who could help me with this from the team? Isaac?
Should I just delete those numbers from Dermal Fillers high level landing page?
The offer on the gravity form will change depending on client.
Thank you so much Selena the pages look great!
Also, icons that I used on all pages are not visible on the preview, but when I open the editor I see them.
#1 For the form issue. It's because the desktop forms have an additional class attached to them that has a negative margin set in it. Removing it or adding !important to the margin-bottom to this class - ".hl-app .form-builder--item" should fix this issue.
#2 For the icons issue. It seems like a bug in the GHL website builder. Try adding them with our own custom CSS.
https://docs.google.com/document/d/1I5XD_60C3AYlsRpsJw4p1TPWyc_mrKo4jdwxZt_z_2U/edit?usp=sharing
Can the hero image include 3 badges and look sort of like this: https://theradiancemd.com/emsculpt-neo/
The badges will be a top rated medical spa, the emsculpt neo badge that is on the page above, and this one:
Can you please put the client info in RED like you did for the others?
Thank you!
Emsculpt NEO page: https://app.medstarmedia.com/v2/preview/Y09bFPXMJPh1bXLWIdGq
I couldn't make Medstar Medspa red in the paragraphs. It's not possible to add CSS classes, so I just made those parts bold + underline.
Please see notes: https://watch.screencastify.com/v/9d04TdorShJ5XeTffqgw
Get up to
$1000 OFF
Emsculpt NEO
Thank you!
I made changes (everything I could do), but I also need help from
But unfourtunately we have only one simple field for form title. I can't add </br> or <span> so I can make a new line or add a class to make some parts of the form different.
This is what the text should look like:
Get up to
$1000 OFF
Emsculpt NEO
Is there a way for you to make that change?
The second thing is background-position of images (4 images in total):
It's not possible to set background position to the top in the options. It's set to full-center (50%). I would like to change it to top or 10%. I tried with custom CSS code, but classes already have !important and they don't work. Can you check it out?
BTW I know that images look good on my device, but they don't look good on bigger screens. Heads are cut off.
We are talking about Emsculp NEO 2 Page: https://app.medstarmedia.com/v2/preview/Y09bFPXMJPh1bXLWIdGq
# I updated the form title on the sidebar form.
# For the images. I have updated the position to top 10% for the first image. I used #id to override the default CSS. You can follow the same for the other images.
Let me know if you have any questions.
https://app.medstarmedia.com/v2/preview/wZ3Z4Jxk7JANWjlb6Msw
GET UP TO
$1000 OFF
EMSCULPT NEO
https://app.medstarmedia.com/v2/preview/Y09bFPXMJPh1bXLWIdGq
We need the same on Invisalign page:
https://app.medstarmedia.com/v2/preview/wZ3Z4Jxk7JANWjlb6Msw
* Refer to video if needing any clarification and for any notes I maybe didn't list written below. Ask me if you need clarification on anything. Thanks for all your hard work on this! Looks nice!
https://app.medstarmedia.com/v2/preview/Y09bFPXMJPh1bXLWIdGq
Gravity Form
1. Make the offer bolder, currently the same size as the rest.
2. Add this disclaimer at the bottom of the form:
*By submitting this form you agree to be contacted via phone/text/email.
3. Forms should look the same, they are different:
2. Center-justify the bullet points.
4. This info image seems to not be cropped evenly, make sure it is centered, models feet come right to the edge with a lot of extra room above the head.
6. Underline/Bold/Red the "Utah" so developers know to change location.
7. The badges are all different sizes and need to be the same, please adjust. Also, please make the button bigger and bolder.
8. Too much negative space in some places on mobile view please reduce:
11. Add offer disclaimer, but offer and spa name needs to be underlined and bolded to remind developers to update:
*Promotions: Must be a new client and purchase a package of treatments to get $1000 OFF Emsculpt NEO. Cannot be combined with other offers or treatments. Contact Brighton for full offer details and restrictions.
12. Add a privacy disclaimer, but the spa name needs to be underlined and bolded to remind developers to update:
*By submitting this form, you agree to be contacted by Medstar regarding marketing messages by text, phone, or email. Your private information and our commitment to protecting it are honored and respected. At any time, you can unsubscribe from these messages. Contact Brighton for full details regarding our privacy policy.
I have made all the changes except for the gravity forms, benefits bullets and FAQ images.
Regarding the images, the originals already look like that. The model's left arm is cut off on the original already, and on the other image, her head is cut off so I can't move her and add blank space in order to display her hand. The only option is to replace images or keep them like this.
I almost forgot about the hero image. I reduced blank space just a little bit, but if we reduce it more it won't look good on different screen sizes. We are very limited with options on this app, it's not like the regular websites we create in Elementor. :(
Thank you both!
Please check it out. It should be background-position: top or 0%.
Can you please check the page now?
1. Botox: https://app.medstarmedia.com/v2/preview/kUKEKVPvEN9woLjyqvs5
2. Dermal Fillers: https://app.medstarmedia.com/v2/preview/w21zHvpq9QEH5oiPcR8z
3. Emsella: https://app.medstarmedia.com/v2/preview/2qlI2CHuEqlK8wGKoyGR
And come up with edits (using Alyssa's edits above) and comments on things that should be changed? Please send me a list like Alyssa had above and send me a reason why (maybe because we did it to the EMSCULPT NEO one?)
Thank you!
thank you!
Botox Site Notes: Should there be an asterisk next to the Before and After titles? To go along with the disclaimer at the bottom that says "results may vary." Should "In Tampa" also be underlined so developers know to change it when needed?
Dermal Fillers Notes: Should there be an asterisk next to the Before and After titles? To go along with the disclaimer at the bottom that says "results may vary." Should "In Tampa" also be underlined so developers know to change it when needed?
Please center bullets in the section below.
Emsella Notes:
In this section below, should we make "in the area" red and underlined so the developers know to change it to the proper city when needed? Also, should the phone number also be underlined and should there be a place that has a placeholder, "Medstar Spa" that is red and underlined to be replaced with the actual spa name?
Please center these bullets. Also shouldn't the section that says Live Well Spa be red and underlined so show that it should be replaced?
And make the following changes:
Please put placeholder blurbs under the title, and I will send some blurbs later tonight or tomorrow morning.
Please edit and let me know when done. Any dev work, please assign Kristabel.
Can you please create duplicate for the Health Care client and update it and connect it?
thank u!
https://app.medstarmedia.com/v2/preview/vWvmMTUg2rFWh7CB35GA
https://app.medstarmedia.com/v2/preview/2qlI2CHuEqlK8wGKoyGR
Real Health client Emsella page: https://go.realhealthcareclinic.com/emsella
Real Health - https://go.realhealthcareclinic.com/emsella
Emsella template - https://app.medstarmedia.com/v2/preview/2qlI2CHuEqlK8wGKoyGR