________________________________________________________________________________________________________ PROJECTS -New Landing pages - New server hosting setup - New template code, mobile HTML/CSS - Custom emails Weston/Marion - Fix dashboards - Cookie history tracking OLD template - Cookie history tracking NEW template - Visitor ID submission tracking NEW template - New template dashboard - Update old landing pages to new design - New template documentation for designers COMPLETED - Visitor ID submission tracking OLD template - Visitor ID tracking NEW template - Visitor ID tracking OLD template - Google tags thank you OLD temp ________________________________________________________________________________________________________ Griffin, Here is where I left off. I will have to find the notes Lani sent me for changes. http://landingpages.appearancemarketing.com/emails/weston/index.html http://landingpages.appearancemarketing.com/emails/weston/index2.html http://landingpages.appearancemarketing.com/emails/weston/index3.html http://landingpages.appearancemarketing.com/emails/weston/index4.html http://landingpages.appearancemarketing.com/emails/weston/index5.html Each of these can be saved as an individual .html file and the source copy/pasted into any email system. Let me know if you see any additional changes. Brandon Hi Michelle, Jose, Vivi, 3/18 -3/20 COMPLETED BACKEND - Completed visitor ID tracking for form submissions. Now every form submission can be traced back to a specific landing page visit with corresponding UTM tags to identify which ad and tactics directed the user to the landing page and subsequent form submission. LANDING PAGES - Completed Laser Gentle, Dermatology Aesthetic - Completed and made live Ani Tajirian - Updated Hautspa - Updated Advanced Skin/Body URL - Added Captcha to Renaissance, Advanced Skin/Body - Added phone number requirement for all landing pages EMAILS - Completed Marion custom email first draft for Ashley. NEW TEMPLATE/MOBILE DESIGN - Fixed a few alignment issues for mobile design _____________________________________________________________________________________________ PLANNED NEW TEMPLATE/MOBILE DESIGN - Complete HTML/CSS/Javascript for new mobile design - Update new landing page dashboard for new mobile design, update capability when time BACKEND/NEW SYSTEM - Set up environment and copy LP template code to new server - Complete cookies for tracking landing page history requested for Ryan’s new system - Add Google Tags to Thank you page LANDING PAGES/DASHBOARDS - Update custom CoolSpa and East Side Skin/Body when Linda completes mockups - Create new landing pages and make updates as requested - Create and update dashboards Brandon Ashley, Here is a link to what I have coded so far for Marion. There was no mockup so I just made assumptions where things should be placed according to the previous template with Weston. http://landingpages.appearancemarketing.com/emails/marion/ Let me know if you need anything added/changed. Brandon Hi Ryan, I figured out the issue with the $_SESSION variable we discussed previously regarding visitor id tracking. Last time we discussed this it was working on the development server and I showed you a test that was correctly displaying the visitor ID for a form submission in the database. I went back into the code and set up some exhaustive debugging by dumping the full contents for $_GET, $_POST, $_SERVER, and $_SESSION after all visits and submissions. After looking over all the data I traced down the problem. I created a testing sub directory on the live server with the email notifications switched off so I could test in the live environment to verify the code was working. The visitor id tracking should be live within the next few days, but hopefully today. There are now several tests in the live submission database with correct visitor ids. I will let you know as soon as the code is live. Brandon Hi Jose, Thank you for helping set up the new server. I installed a few things but I keep getting interrupted with urgent requests for other projects. CURRENT TEMPLATE Right now all of the live landing pages are using the landingpages.appearancemarketing.com domain and the server shared with Envision. Each individual landing page is identified with the following format: landingpages.appearancemarketing.com/?site=uBID5dDLHl3LAQR. Each landing page subdomain in virtual.conf points to a URL following this format with different directory names following the “site=….â€. We want to be able to host new landing pages on the new server using the same format, hopefully with the same landingpages.appearancemarketing.com domain pointing to both servers if that is possible? If not can we set up a new domain for any new landing pages on the new server? NEW TEMPLATE At some point we want to host all landing pages with the new template system but since the new design keeps changing and I keep adding new backend features for Ryan it is not yet hosting any live sites on Envision’s server. Since it is not hosting sites yet do you think we can move the new landing page template over entirely to the new server and point the landingpages2.appearancemarketing.com domain to the new server? The current template and our new custom emails are located at /home/sites/am-sites The new template code is at /home/sites/am-sites2 Thank you. Brandon ________________________________________________________________________________________________________ Hi Christina, I noticed a few minor issues with the Appearance homepage I wanted to mention. - The fourth slide on the main page has a typo where it says “Everyone at Appearance has been is a first class professional†- Also I think the speed of the slideshow should be slower because it is tough to read each slide fast enough. We probably don’t want people needing to speed read. If I notice anything else I will let you know. Brandon Michelle, Custom email examples: These two have slightly different layouts http://landingpages.appearancemarketing.com/emails/index.html http://landingpages.appearancemarketing.com/emails/index2.html These three just have different images using the same code from above. Swapping images and the logo takes about 5 minutes. http://landingpages.appearancemarketing.com/emails/index3.html http://landingpages.appearancemarketing.com/emails/index4.html http://landingpages.appearancemarketing.com/emails/index5.html Other fast customizations could be changing the text or the order of page elements such as moving the before/after images above the financing section. Creating new sections or modifying the layout of existing sections would take significantly more time however because new responsive HTML/CSS would be required. Brandon Ashley, All of the email HTML/CSS code is included in one .html file that can be opened by any browser, attached, or copy/pasted with an email program. I have not used MailChimp or Constant Contact before but the code for the emails should work with any email program. After a quick google search it looks like all you need to do is paste the HTML/CSS into a window inside MailChimp. To copy/paste the code just open the .html file with any browser and view the page source. For Firefox you can view the source with Tools -> Web Developer -> View Source. You can also view the code by opening the .html with a code editor or text editor. https://mailchimp.com/help/paste-in-html-to-create-a-campaign/ https://knowledgebase.constantcontact.com/articles/KnowledgeBase/5252-create-a-custom-code-email-campaign?lang=en_US Brandon To customize the emails for any client I just need the logo, images, and copy. Then I can send you the .html file with everything needed to paste in MailChimp or Constant Contact. Hi Michelle, Jose, Vivi, 3/14 -3/15 COMPLETED NEW TEMPLATE/MOBILE DESIGN - Completed most of the HTML/CSS for remaining sections of new landing page mobile design. To view the new design the screen width must be less than 768px by either viewing on a mobile device or shrinking a desktop browser's width. Most recent code for new mobile design: http://landingpages2.appearancemarketing.com/am-sites2-new/?site=Coolspa BACKEND - New server to host landing pages has been set up by Jose but no software has been installed yet. Next week I will set up everything up for hosting. LANDING PAGES - Removed coolsculpting.sculptedcontours.com and coolsculpting.drrozmd.com to make room on server - Completed Simply Skin and made live - Made Hautspa live EMAILS - Set up three more custom emails but re-used same code so took much less time: http://landingpages.appearancemarketing.com/emails/index3.html http://landingpages.appearancemarketing.com/emails/index4.html http://landingpages.appearancemarketing.com/emails/index5.html _____________________________________________________________________________________________ PLANNED NEW TEMPLATE/MOBILE DESIGN - Complete HTML/CSS/Javascript for new mobile design - Update new landing page dashboard for new mobile design compatibility - Complete update capability for new landing page dashboard for any team member access BACKEND/NEW SYSTEM - Set up environment and copy LP template code to new server. - Complete landing page visitor id tracking for Ryan's new system - Complete cookies for tracking landing page history requested for Ryan’s new system - Add Google Tags to Thank you page LANDING PAGES/DASHBOARDS - Update custom CoolSpa and East Side Skin/Body when Linda completes mockups - Create new landing pages and make updates as requested - Create and update dashboards Brandon Hi Jose, I am trying to connect with SSH to the new server. I added the private key I have been using and tried to log in with username as “centos†but it keeps saying “Server refused our keyâ€. I tried connecting to both 54.241.156.147 and ec2-54-241-156-147.us-west-1.compute.amazonaws.com but keep getting the same error above. Maybe I am forgetting a step in the set up. Is there a different login? What do you think might be the issue? Thank you. Brandon Hi Michelle, Jose, Vivi, 3/6 - 3/13 COMPLETED - Completed most of HTML/CSS for new navbar and main section for new LP design. - Completed two HTML/CSS templates for Weston custom emails requested by Griffin. Code can be re-used for any client moving forward. Assets and CSS are included within HTML file. Custom Email Templates: http://landingpages.appearancemarketing.com/emails/index.html http://landingpages.appearancemarketing.com/emails/index2.html LANDING PAGES Completed Hautspa and added custom video Completed Simplicity, Premier Dermatology and made live BACKEND - Deleted several old landing pages from server to make more memory available - Made backups for all Appearance Wordpress sites - Updated all Appearance Wordpress sites to Wordpress 5.1 - Updated all Wordpress sites with latest plugins DASHBOARDS - Fixed a few dashboard data loading issues PLANNED - Create new landing pages and make updates as requested - Create and update dashboards - Set up environment and copy template code to new server. - Complete HTML/CSS/Javascript for new mobile design - Update new landing page dashboard for new mobile design compatibility - Complete update capability for new landing page dashboard for any team member access - Add Google Tags to Thank you page - Complete landing page visitor id tracking for Ryan's new system - Complete cookies for tracking landing page history requested for Ryan’s new system Brandon Hi Brandon, I've set up the new landing page instance for you to set up. The instance is a fresh install, there is nothing on the instance but php and apache. you will need to install any extra libraries you need as well as set up the virtual environments for any sites you port over. As we discussed you should connect to the same RDS instance. Let me know if you have any questions. instance DNS: ec2-54-241-156-147.us-west-1.compute.amazonaws.com use the same key you use to connec to the existing instances. Thanks, Jose Brandon is currently working on: For Ryan: 1. Track visitor IDs from each form submission 2. Google Tags - Thank You pages 3. Cookies Tracking • Can we do this through Google? o Answer no because we cannot feed in the API into our dashboard. For Griffin: 1. Custom Email • We need to figure out a process where Brandon gets my approval for anything custom to happen For Gabi: 1. Mobile Version Landing Page • Are we going to use the responsive or reactive template? For AM: 1. New template landing page dashboard • Working on the interface Amazon Storage: 1. With the new cookies tracking and the increase of landing pages we need to build out our cloud infrastructure. It also has to be built out so that it can be scalable. 2. Jose needs to build out an infrastructure model with pricing that can be presented to Paul PROJECTS - Visitor ID tracking - Cookie history tracking - Google tags thank you page - Custom email template - New dashboard - New template - New server Griffin, I have most of the HTML/CSS written for the custom emails. I have not received any assets yet so I just made temporary filler images by cropping your mockup. This is not the final code of course but I just wanted to give you an update. The code should be responsive on all devices. HTML/CSS mockup: http://landingpages.appearancemarketing.com/emails Brandon Michelle, I have only removed 2 domains from the server so far. socalcoolsculpt.com coolsculpting.sculptedcontours.com Brandon Team, I have checked every landing page URL on the server. Below is the complete list of URL’s currently not connected to a landing page. Gaby already made these suggestions: coolsculptsandiego.com. – do not delete coolsculpting.sculptedcontours.com - delete socalcoolsculpt.com – ask ryan Can we delete any of the following URL’s from the server? coolsculptsandiego.com coolsculpting.sculptedcontours.com socalcoolsculpt.com coolsculpting.soundwomenshealth.com coolsculpting.eliasdermatology.com coolsculpting.concordmedspa.com coolsculpting.eliasdermatology.com coolsculpting.drrozmd.com coolsculpting.avalonmedicalspa.net coolsculpting.thespabythebeach.com coolsculptingdelraybeach.com coolsculpting.trouvaillemedspa.com coolsculpting.classicface.com tuscanspaandsalon.freeze-away-the-fat.com coolsculpting.elitedermatology.com Thank you. Brandon Team, The server that hosts all of our landing pages crashed briefly on Monday because there are too many sites on the same server. I have been advised by Jose to not push any new landing pages live until we delete some of the current pages on the server and/or start hosting new pages on a new server which Jose would need time to set up. I am checking all of the landing page URL’s to see which are still live so we can delete any that are no longer needed. I will attach to this message the complete list of URL’s. So far I have found 3 that are currently not pointing to live pages which I have indented on the list. Can any of the following pages be deleted? socalcoolsculpt.com coolsculpting.sculptedcontours.com coolsculptsandiego.com If anyone sees any URL’s on the complete list that we no longer need let me know so we can delete them. Thank you. Brandon I never managed the “N/A†ones. Might need to ask Jose or Vivi. breezebyboyd.com- N/A usbodycontour- am_admin, JHHcEVZiyyVNcY16yQN5)F&T coolsculptingindiana.com- linda, mcKpNX5cAAi(&o0)s%ix40vC boydbeauty.com- admin/$InTtPREiCoEBlM7, bpiper, pass: Welcome310 boyddetroit.com- user: bpiper, pass: Welcome310 - while you’re updating their page can you also remove Shari Martuscelli from their website? transform-med.com- user: transadmin, pass: Transmed20!8 cool-contours.com- user: ccadmin, pass: Contours20!8 bodysculptrx.com- user: rxadmin, pass: BodySculpt20!8 contoursofhinsdale.com- user: kkerngroup@gmail.com , pass: C00lsculpting* watchhillaesthetics.com- user: watchhillaesthetics@gmail.com, Pass: C00lSculpting* medicoolart.com- user: mcadmin, pass: Sculpting20!9 contoursma.com- user: cmaadmin, pass: Cool20!9 Hi Ashley, Jose asked me to update all of our WordPress sites and plugins because of security issues. Can you provide the user names and passwords for each WordPress site dashboard? Here is a list of pages I see that are live on our WordPress server: breezebyboyd.com boydbeauty.com boyddetroit.com usbodycontour.com transform-med.com cool-contours.com bodysculptrx.com contoursofhinsdale.com watchhillaesthetics.com medicoolart.com contoursma.com coolsculptingindiana.com Thank you. Brandon Hi Vivi, Jose asked me to update our Wordpress sites but there are three I do not have the admin panel logins for. Do you have the user names and passwords for the following Wordpress sites? breezebyboyd.com usbodycontour.com coolsculptingindiana.com Thank you. Brandon Hi Ryan, Michelle, Christina, Jose, On Monday after trying to push a new landing page live the server hosting all Appearance and Envision sites crashed briefly. Jose said it crashed because it ran out of memory from hosting too many sites. He asked that we compile a list of all sites currently running on the server and decide which can be removed because the client is no longer working with us. I compiled a list of all landing pages hosted on the server and attached it to this message, mostly in order by the date they went live. We just need to figure out from this list which ones to continue hosting. Jose is going to set up a new server used only for hosting landing pages. Until that setup is completed or until we are able to remove some currently hosted landing pages he advised that we not push any new landing pages live. If you have questions you can ask Jose or myself. Brandon Hi Ashley, Alan, Yesterday the server that hosts all of our landing pages crashed briefly because we are hosting too many sites on the same server. Jose advised that we not push any new landing pages live until we can copy our landing pages to a separate server. Central Texas and Marion are completed but I will need to wait until this issue is resolved before I can push any more LP’s live. Brandon Hi Michelle, Jose, Vivi, 2/25 - 3/5 COMPLETED LANDING PAGES - Created Gallaher, Dan Mills, Schaberg, Gorin, Advanced, ESP, Purely Natural, OMNI, Greenberg, Marion, Sage - Updated Cranberry, Medspa VA to new template design Implemented several design additions discussed last week in meeting - Added color inversion hover effect on buttons for newest pages - Added parallax background image to testimonial section for newest pages - Added new fat cell diagram image from CoolSculpting for all pages - Added Open Sans to all page elements for newest pages - Added custom loading animation for newest pages. Many different effects can be added for only specific clients, or for all. Examples with new landing page elements/effects: https://gallaherplasticsurgery.freeze-the-fat-away.com https://dermassocnj.freeze-the-fat-away.com BACKEND Landing page visitor ID tracking for Ryan's new system is working on development server but is not yet working on live. DASHBOARDS - Fixed nearly all dashboard data issues PLANNED - Create new landing pages and make updates as requested - Create and update dashboards - Update new template code after new mobile design reviewed, and approved. - Add Google Tags to Thank you page - Complete landing page visitor id tracking for Ryan's new system. - Add cookies for tracking landing page history requested for Ryan’s new system. - Add landing page update capability to new dashboard for any user login when time allows. Brandon VIVI Approval Font Button hover effect Headlines all capital Testimonial parallax background Small R for all mentions of CoolSculpting Email and Website LANDING PAGE DESIGN IDEAS, NOT LIVE Page loading effects with CoolSculpting video and scrolling effects http://brandonmpiper.com/Appearance/Template/?site=G5OVEUO95NVUYi7 Fixed parallax background for testimonials http://landingpages2.appearancemarketing.com/?site=Coolspa&utm_source=Google&utm_medium=AdWords&utm_campaign=CoolSculpting&utm_term=fat&utm_content=CoolSpa77 Experimental scrolling effects using old template http://landingpages.appearancemarketing.com/?site=DwbFmpgNUZucirs LIVE EXAMPLES using parallax Testimonial fixed parallax background and button hover effects https://greenbergcosmeticsurgery.freeze-the-fat-away.com Variable speed parallax is live https://coolsculpting.coolspa.com Hi Jose, Thanks for offering to help. I don't really have specific questions about the new template but I can give a summary of my progress. I have been keeping a list of the additions or fixes I have completed so I can just copy it below. When Vivi handed over the new template there were many things missing or not working. The new template was ready to go live about two weeks ago until Ryan and Gabi requested a bunch of new features added to both templates. For the new template I have either added or fixed all of the following: Dashboard to automatically create new landing pages. Previously there was no dashboard and everything had to be created manually. - Added automatic dashboard insertion and/or uploading of logo image, main image, promo image, promo text - Added automatic dashboard insertion and uploading of custom before/after images - Added automatic dashboard insertion of multiple locations into database - Added automatic dashboard insertion of up to three testimonials - Added automatic dashboard insertion of up to three locations - Made most commonly requested customizations accessible from new dashboard - Fixed customization options in original code that did not work New template landing page dashboard: https://orders.appearancemarketing.com/admins/landingpage2.php The new dashboard enables creating new landing pages in under 10 minutes if the customization guidelines are closely followed. Here are three examples of new template pages created in under 10 minutes each: http://landingpages2.appearancemarketing.com/?site=Coolspa http://landingpages2.appearancemarketing.com/?site=Gravity http://landingpages2.appearancemarketing.com/?site=Stile - Added submission tracking for new template - Added visitor tracking for both templates for IP address, landing page url, date/time, and utm parameters. - Added Thank You page for new template as defense against repeat submissions. - Added invisible text input for both templates. Responsiveness and custom sections - Fixed dozens of issues with responsiveness in original code. - Added ability to override any landing page section with custom code. - Added automatic dashboard creation of a copy of the default CSS style sheet with clearly labeled sections to quickly customize any element on the page. Needed for custom sites such as CoolSpa, Charles Virden, Kalologie, and Fredericksburg Spanish. - Updated footer code to match new design with optional hyperlinks. - Created custom HTML and responsive CSS for adding a Captcha to any landing page hosted on the old template. - Added dashboard options to search all landing page leads by specific date, date range, from a date, up to a date, and all the previous options applied only to a specfic practice. Requested by Gabi. The new dashboard "search leads" feature: https://orders.appearancemarketing.com/leadcount.php Brandon - Fixed Google Maps API key that prevented maps from loading. - Captcha is ued by default with new template and can now be added to any old template page with a new custom using the specific url key.. Future additions requested by Ryan - Visitor id tracking so form submissions can be traced back to a specific visit. - Cookies to store landing page visit history We are now tracking for every landing page visit and submission We can now search all leads from the dashboard with 10 different searching options. Brandon HI Linda, Ok thank you. Sorry I didn’t realize the site was already done. For some reason it did not show when I did a search in the database. I did find it using the dashboard however. Yes we are using google fonts so choosing a few from there would be the easiest to update. I will check if we have the fonts you mentioned if I have time today. Brandon Hi Michelle, Jose, Vivi, 2/18 - 2/22 COMPLETED BACKEND - Completed several additions for Ryan's new system Completed visitor tracking for old template - IP, landing page url, date/time, utm_source, utm_medium, utm_campaign, utm_term, and utm_content for all landing page visits. Previously we were only tracking form submissions. Now every time anyone views any of our landing pages the above information is recorded to provide more insight about the sources/tactics leading to form submissions. Completed visitor tracking for new template visits with new template database only. Will add visitor tracking to the old/live database for new template visits. LANDING PAGES - Created and made live Greenberg, Laura Ellis, Purely Natural, Valley Primary, New Jersey, Gotham - Updated Fredericksburg Spanish version and added translated video - Added navbar customizations to Capek by request and made live - Updated Refinery Medspa to new design and added testimonials - Slowed slideshow speed to make slides easer to read DASHBOARDS - Fixed nearly all dashboard data issues PLANNED - Create new landing pages and make updates as requested - Create and update dashboards - Complete visitor tracking for new template visits with live template database. - Add landing page visitor id tracking to form submission database for Ryan's new system. With a unique ID tracked for each landing page visitor we can backtrack any form submission to the specific visit and ad campaign leading to each individual form submission. - Add cookies for tracking landing page history requested for Ryan’s new system. - Add landing page update capability to new dashboard for any user login when time allows. Brandon Hi Michelle, Jose, Vivi, 2/11 - 2/15 COMPLETED - IP tracking and hidden bot trap have been deployed for both the old and new templates. The consultation submissions table has been tracking IP addresses since Thursday 2019-02-07. I added a column to track what is entered into the hidden text input if a bot fills out the form. Both the IP and bot field contents are also displayed in the dashboard now for anyone with a login. - Completed new options for searching landing page leads on dashboard requested by Gabi (10 total ways to search). Search leads for all practices alphabetically for total leads, leads on specific date, from date, up to date, or date range. Search leads for specific practice alphabetically for total leads, leads on specific date, from date, up to date, or date range. - Requested by Ryan for new dashboard I am adding tracking for utm_source, utm_medium, utm_campaign, utm_term, and utm_content for all landing page visits and submissions. Currently I have $_GET and $_SERVER recording in a log file for all landing page visits but I am getting an error when trying to add the $_GET values to the submission table. - Added Captchas to a few sites hosted on the old template. Each requires a custom form and individual registration of the domain. - All new pages with a Captcha will include the hidden bot trap by default. LANDING PAGES - Created and made live Jay Kang, Chilly Betty, Laura Ellis - Created Lucai Capek, Purely Natural, Greenburg but not live - Made several updates every day to existing landing pages DASHBOARDS - Fixed and verified about a half dozen dashboard data issues PLANNED - Create new landing pages and make updates as requested - Create and update dashboards - Work on completing new tracking information from Ryan's new system hopefully early next week. - Add landing page update capability to new dashboard for any user login when time allows. Brandon __________________________________________________________________________________________________________________ NEW TEMPLATE AND NEW SYSTEM I thought it would be helpful to provide a summary of all the features I have recently added or fixed for both the new and old landing page templates. COMPLETED All of the following I have completed but were NOT INCLUDED/COMPLETED for the original new template code: - Dashboard to automatically create new landing pages. Previously required time consuming manual backend creation which took significantly longer than current template. - Added automatic dashboard insertion and/or uploading of logo image, main image, promo image, promo text - Added automatic dashboard insertion and uploading of custom before/after images - Added automatic dashboard insertion of multiple locations into database - Added automatic dashboard insertion of up to three locations - Added automatic dashboard insertion of up to three testimonials - Custom HTML sections required for custom sites such as CoolSpa, Kalologie, Virden, and Spanish translations - Automatic generation of custom CSS file for every client that can override anything on the page - Customization options in original code that did not work are fixed - Most commonly requested customizations accessible from Dashboard - Form submission tracking - IP tracking of form submissions - Invisible text field and tracking for bot submissions on all pages including custom forms. - Added Thank You page as defense against repeat submissions. - Responsiveness Found dozens of issues with responsiveness in original code not limited to the following: - Left/right alignment for promo image and promo text now works. Previously did not line up correctly. - Responsiveness for Captcha. Captcha was breaking layout on mobile views. - SVG phone and location icon image colors now match theme color. - Footer design now matches new design and added hyperlinks for Green Sky and Care Credit. - Added footer template for most commonly requested footer customizations. - Fixed Google Maps API key that prevented maps from loading. - Added Javascript to hide navbar when downscrolling/visible when upscrolling on mobile views by default. Previously navbar filled majority of screen in mobile views and made form submissions difficult if not impossible in landscape view. OLD TEMPLATE - Dashboard options to search all landing page leads by specific date, date range, from a date, up to a date, and all the previous options applied to a specfic practice. Requested by Gabi. - Visitor tracking for all landing page visits hosted on old template. Not yet completed for new template. Previously we were only tracking form submissions. Now every time anyone views any of our landing pages IP address, landing page url, date, time, utm_source, utm_medium, utm_campaign, utm_term is recorded. This information provides more insight about the sources/tactics leading up to form submissions. - Captcha can now be added to any page on old template with new custom form and hidden bot trap by default. __________________________________________________________________________________________________________________ Hi Gabi, I added the additional options you requested for searching leads from the dashboard. Since you are not here today I wrote a summary in case you have questions. The new options are accessible from the same “Search Leads†menu option linking to: orders.appearancemarketing.com/leadcount.php Now there are eight total ways to search leads: ALL PRACTICES - Search leads for all practices starting with a specified date, - Search all leads for a range of dates, - Search all leads up to a date - Search all leads for a single day (enter same date for each field). SPECIFIC PRACTICE - To search leads for a specific practice just click the “Search By URL†button and “Search All Leads†to go back. - Search leads for a specific practice with any of the four date range options above. - Leave the date fields blank to search all leads for a specific practice. I also added a column for the IP address for each lead submission as of Friday, and a column labeled “bot†if the hidden form field was filled out by a bot/computer. The bot field will display whatever was entered into the hidden field. I did one test for the bot field using a fake landing page with “spam†entered in the field. I hope this speeds things up for you. Let me know if you have any questions. Brandon Alan, I added these for Renaissance. I also noticed when I did a search that about a dozen other live sites appear to be missing google tags. Do you want a list of the domains? These are all on the old template so you can just copy and past them the normal way using the old dashboard. Brandon Hi Michelle, Jose, Vivi, 2/4 - 2/7 NEW TEMPLATE PROGRESS Since I was asked to add IP tracking and a hidden input bot trap I decided to not use the new template for the most recent landing pages until completed. These new security features require adding/testing new back end code that will effect any live pages. COMPLETED - Fixed issue with expired Google Maps API key after all live maps stopped loading - Finished template guide document for general audiences explaining the structure of landing pages and customization limitations - Added Captcha to Ariya after urgent request from Gabi. Figured out Captcha can be added to any live client individually with custom form. However every Captcha added requires individual manual registration with Google. - Completed IP tracking for new template which stores IP address of potential customers in database for all form submissions. Purpose is to track origination of fake leads and bot submissions. Currently testing IP tracking for old template live sites. - Added button to dynamically enter up to three practice locations from new landing page dashboard and automatically enter into database. Previously additional locations required manual entry from back end. However google maps longitude and latitude currently still require manual entry for additional locations in database. LANDING PAGES - Created True Care and made live - Updated Contours Medical to new design and added Captcha - Updated Ariya with Captcha and hidden input field PLANNED - Create new landing pages and make updates as requested - Create and update dashboards - Add landing page update capability to new dashboard for any user login when time allows. - Finish IP tracking and bot trap for form submissions for live pages. Brandon Hi Vivi, I think this issue is resolved but maybe you can confirm. See Gabi’s message for more details. I copied the Captcha HTML from the new template to the custom form.html for Ariya Medspa and registered the domain with google. I copied the key from google to the data-sitekey for the Captcha HTML. The Captcha loaded fine on the page, the form submission appeared to work, and the submission was recorded in am-sites. I asked Gabi to verify from her end. Let me know if there is anything else that needs to be done to add a Captcha to the old template. Michelle and Christina asked if we can add a Captcha to all clients hosted on the old template. Brandon Hi Vivi, Ian, In case you need to use the new Google Maps API key here it is: AIzaSyAHrFOoqrDIK0Suk7LQE8EVZzA4kpf-kWk, appearancemarketing2@gmail.com Brandon Hi Gaby, I added a Captcha to Ariya’s landing page and registered it with Google. I have not added any Captchas to other live sites so I am not certain if it worked. I sent a test form submission with the name “ARIYA CAPTCHAâ€. The Captcha itself did work before submitting the form but I want to confirm you and the client received the test. You can verify the Captcha yourself also. The URL is cs.ariyamedspa.com. NOT SENT Hi Michelle, Christina, Jose I was looking over our home page last week with Joe and Lani separately and we noticed that there is no link anywhere to creative.appearancemarketing.com where all of our sample work is available. When I do a google search for Appearance Marking the creative site does not show until the 4th page and it is only a link to the development site, and its not obvious what the site is for from the search results. I think that potential clients might be turned off by not being able to see any examples of our actual work, and to see so little content on our home page. I think at the very least while we are waiting for the new Appearance Marketing site to be developed we should have a link to the creative site somewhere on the page. I think the menu would be a good place since it is at the top and there is plenty of room, with only a scroll link to the consulation form currently. I can add a link to the menu in 5 minutes that would open a new browser window link to the creative site. It can be labeled "Creative Work" or anything you want. Let me know if you want the link to creative.appearancemarketing.com added. Brandon Hi Vivi, While I was testing the new dashboard for the new template last week I started getting an API error for google maps. The same error occurs for every live landing page as far as I can tell. I don’t remember touching any of the google maps code so I am guessing it has something to do with exceeding some kind of limit with the google maps API. I thought it was only a daily limit but I am still seeing the error. I attached a screenshot for the error. Can you see if you can figure out how to fix this issue? Thank you. Brandon Hi Michelle, Jose, Vivi, 1/30 - 2/1 NEW TEMPLATE PROGRESS The new dashboard is complete enough for creating new pages with the new template and form submissions are now tracked in both databases. Landing pages following the guidelines can now be created as fast as client information can be entered in the form. I have not yet automated a few things that would take more time such as multiple addresses. I think the code is sufficient to start hosting live landing pages but the new dashboard does not yet have updating ability from the front end. I can make any needed updates on the backend for now. We should have a meeting to confirm that it is ready to go live. COMPLETED - Form submissions are now saved in the database for both the old and new templates 'am-sites' and 'am-sites2' - Custom Before/After images can now be added from dashboard - Theme color can now be set for form and testimonial backgrounds from dashboard - Custom footer that matches the default design is now automatically created from the dashboard. The original footer did not match the new design template and was missing hyperlinks to GreenSky and Care Credit. - Added logic to dashboard to only create testimonial if text is entered in testimonial text box. Text can be entered as plain text or as custom HTML. LANDING PAGES - Created Surfield and made live - Created Forever Young and made live PLANNED - Create new landing pages and make updates as requested - Create and update dashboards - Add landing page update capability to new dashboard for any user login when time allows. - Add IP tracking of form submissions as suggested by Jose if approved by Michelle/Christina. - Talk with Ian and Ryan about other backend projects. Brandon Hi Vivi, Thank you for your input. My goal was to balance flexibility with speed of development. The basic landing page design is fully automated and can be completed as fast as the client information can be entered into the dashboard text fields. Some pages would take more time because the dashboard does not yet automatically create everything such as multiple addresses, and not all customizations I listed on the guidelines are available directly from the dashboard. Customizations beyond the guidelines would be reserved ONLY for high profile clients such as CoolSpa and Kalologie. The additional customization options I added on the back end provide enough flexibility to customize anything on the page without making any changes to the default template code that handles form submissions and renders every other client. - site.css Automatically generating a copy of site.css with each client provides a convenient template for overriding any style on the page not available on the dashboard. Also we can copy the design of any existing site for another client by simply copy/pasting site.css, and if a high profile client copy/pasting any custom HTML sections into the new client's database columns. Only the asset names and inner text within the custom HTML sections would need changing for the new client. Every custom design I have coded can be repeated in a fraction of the original development time using this paradigm. - Custom button and background colors Button backgrounds, colors, and borders have frequently been individually customized in most of the landing page designs I have been given. I designed the new dashboard to be capable of making these customizations as fast as copy/pasting the color codes from AirTable. I can also quickly add more custom options to the dashboard if needed, such as the color theme option you mentioned. - header.js Automatically generating "header.js" in the individual client's directory provides the flexibility to change the animation style for high profile clients without making any changes to the template code. Just like with site.css changes beyond the guidelines would be reserved ONLY for high profile clients. Any other custom Javascript can also be added to header.js that only effects that individual client such as the variable speed parallax form background I coded for CoolSpa. Header.js is easily disabled by leaving the database column empty. Brandon From: Vivi Rungpatt Sent: Thursday, January 31, 2019 11:14 AM To: 'Brandon Piper'; 'Jose Reyes' Cc: 'Michelle Borman'; 'Christina Cowan' Subject: RE: New Template Guidelines Hi Brandon, Couple things that seem to be changed from what I was first informed about the guidelines of this template system. - Color and style options for text/buttons in different areas. I feel like we have too many options. I started with just a few for theme and some buttons. I think in reality, the designer won’t make too many color in one page so I’m not sure if all these are necessary. If this is what we want to be planned for flexibility, I have no problem. - The contact form background color is now fixed to CS blue color. I remember I was told to go with the theme color set in the database. If this is what we will go with, I have no problem. - I see you still have site.css for each and it look similar to the default css (am.css). Is this file meant to override the default settings? For a basic landing page, we want to have everything done without using any customized css. Can we get rid it of it? - I see you have header.js in the database. We can put this in the template file if this is to be used for all landing pages. That’s all I have for now. Let me know if you have any questions. Thanks, vivi From: Brandon Piper <bpiper@appearancemarketing.com> Sent: Wednesday, January 30, 2019 2:55 PM To: Vivi Rungpatt <vivi@egmail.com>; Jose Reyes <jreyes@egmail.com> Cc: Michelle Borman <mborman@appearancemarketing.com>; Christina Cowan <ccowan@appearancemarketing.com> Subject: New Template Guidelines Hi Vivi, Jose, Michelle asked me to send a copy of the list of landing page design guidelines that I wrote up last week for your approval. Pages closely following these guidelines will take 10-15 minutes to create in most cases. I have added a dashboard option for template 2 that creates everything on the back end automatically and most of the customizations listed without touching the back end. Brandon Hi Vivi, Jose, Michelle asked me to send a copy of the list of landing page design guidelines that I wrote up last week for your approval. Pages closely following these guidelines will take 10-15 minutes to create in most cases. I have added a dashboard option for template 2 that creates everything on the back end automatically and most of the customizations listed without touching the back end. Brandon Lani, Since you mentioned Stile this morning and I used it as an example to test out the new template I thought you might want to see the differences. http://landingpages2.appearancemarketing.com/?site=Stile Except for the background image you changed the assets should be the same. The re-creation with the new template took a little less than 10 minutes. I tried to include most of the most common customizations in the dashboard to cut down on development time. Brandon Hi Jose, Michelle, Christina, 1/28 - 1/29 NEW TEMPLATE PROGRESS The new template is almost ready to go live. The original code had no dashboard at all and required manual creation of everything. The new dashboard customization options and automatic insertion of database entries cuts development time for pages closely following the default design guidelines down to about 10-15 minutes. Other customizations would need back end updates or custom code that takes more time. Comparison between a live page and a re-creation using the new template created in under 15 minutes: https://drstile.freeze-the-fat-away.com http://landingpages2.appearancemarketing.com/?site=Stile COMPLETED - The default footer with the new template does not match the current landing page design and was missing hyperlinks to GreenSky and Care Credit. I created a custom footer to match the current design with the hyperlinks included. It can be quickly copied and pasted into any landing page using the new template. If I have time I can make the custom footer the default footer. - The navbar location and phone SVG icon colors were not matching with the original code. The new template has an option now to set the phone and location icons as custom colors without switching out PNG images like with the old template. The colors can be specified from the dashboard or from the database separately. - Automatic insertion of Javascript that hides navbar at screens < 1024px when scrolling down, and re-appear when scrolling up. For any landing page without this feature the navbar covers from 30%-70% of the screen in landscape view. I have added this code to most recent landing pages but now it will be included automatically with the new template, and it can easily be modified or disabled if needed. - Fixed an issue with right alignment for promo image and promo text. When aligned right the main promo text was not lining up all the way to the right. - Automatic insertion of default headline text and before/after headline. - Currently form submissions for the new template are tracked only in the new template database. LANDING PAGES - Completed Le Reve and made live - Made updates to Arviv, Skin Smart, Elite Facial Plastic Surgery - Took down Redlands landing page after requested PLANNED - Create new landing pages and make updates as requested - Create and update dashboards - Complete new landing page template dashboard and make live. - Add landing page update capability to new dashboard for any user login when time allows. - Add IP tracking of form submissions as suggested by Jose if approved by Michelle/Christina. - Talk with Ian and Ryan about other backend projects. Brandon Hi Jose, Michelle, Christina, 01-22 - 01-25 New Template Progress - The original new template code Vivi designed did not include a dashboard or code to automatically create new landing pages following the default design like the current system does. The new template required manual back end creation of all database and server files and required back end access to make any updates to landing pages. The new template also uses a different database organization and did not include form submission tracking. COMPLETED All of the following are now completed but were not included with the original code, or previously required manual creation in the database: Completed for new landing page and made accessible from new landing page dashboard - Custom colors, backgrounds, borders for the three navbar buttons - Uploading of logo image, main image, promo image, promo text - Left/right alignment for promo image and promo text - Automatic insertion of multiple locations into database - Uploading of up to three testimonial sections (more can be inserted manually, or added to the dashboard later) - Responsiveness for Captcha Completed back end code tasks not accessible from dashboard - Automatic tracking of all new template form submissions in database - Automatic insertion of default before/after images Full customization options for high profile clients such as Coolspa - Automatic generation of custom CSS file for each client that can override styles of any page element - Custom HTML sections now available in database that can override layout of any page section Landing Pages - Completed and made live New Images, Elite Facial, Gravity Medical Spa PLANNED - Create new landing pages and make updates as requested - Create and update dashboards - Complete new landing page template dashboard and make live - Talk with Ian and Ryan about other backend projects Brandon Hi Gabi, I was told by Michelle and Christina in a meeting a few days ago that the features you are requesting are going to be available in some form on the new dashboard Ian is working on, and that I should not spend more time on this for the time being. Maybe you can ask Ian more specifics about this. I did complete the search leads feature on the current dashboard that allows you to search by date of form submission and by client URL, just not the limited access login for Recrue. When I am finished fixing all of the problems and missing features of the new landing page system I should have more time to help Ian with back end projects. Brandon Hi Ian, Gabi has asked me to create a limited access dashboard login for Recrue to track leads. I was told recently by Michelle and Christina that you were going to include this capability in the new dashboard you are working on. Maybe you can check in with Gabi and confirm the details with her. A few weeks ago I did add a menu option on the current dashboard so that any dashboard user can search all leads by date and by practice URL called “SEARCH LEADSâ€. But she is asking for a login for Recrue that can only search the leads. See below for more details. Thank you. Brandon Hi Michelle, You and I discussed in the meeting a few days ago Gabi’s request for a Recrue dashboard login. I believe you had told me that Ian was going to include this with the new dashboard he is working on so I should not work any further on this. A few weeks ago I did implement most of what Gabi requested below on the current dashboard but not with the separate login for Recrue. Currently anyone with a dashboard login can search all leads by date of form submission or by practice landing page URL. Also there is a feature in the dashboard that enables downloading an Excel file that contains all leads. Within Excel this exported list of leads can be organized in any number of ways. Maybe you can discuss this with Gabi and confirm with Ian that he is in fact going to include what Gabi is requesting with the new dashboard. I have been focused on fixing all the problems with the new template so we can make it live next week, and make new landing pages. Brandon Hi Michelle, Christina, Linda, Lani, I have attached a list of guidelines for designing new landing pages using the new template. To keep development time under 30 minutes for standard landing pages these guidelines must be followed. I can code just about any design by overriding the template design with custom code but anything beyond the standard guidelines will be reserved only for high profile clients such as Coolspa and will require approval from Michelle and Christina. I will make updates to these guidelines as needed. Brandon Hi Jose, Michelle, Christina, 01-18-2019 COMPLETED New Template - I tracked down and fixed the errors I was getting with the new landing page dashboard. My code can now create from the new dashboard an assets directory on the server for images, a custom CSS file that can override styling on any page element, and insert the new landing page into the database. - Right now my code inserts new pages by using a fixed number of dashboard inputs. I am almost done with code that does this with any number of dashboard inputs but I am get a parsing error I need to track down. This means that in the future I can add any number of additional landing page customization options to the dashboard quickly with minimal changes to the backend code. Landing Pages - Completed and made live HMS Aesthetics - Made updates to Physicians Body Sculpting PLANNED - Create new landing pages and make updates as requested - Create and update dashboards - Media buyer login for dashboard search only access, requested by Gabi - Connect new template dashboard to new template database Brandon Hi Jose, Michelle, Christina, 01-16-2019, 01-17-2019 COMPLETED New Template - I have the new template dashboard finished, it is reading in all the new landing page information and assets, the form submission tracking is working, but there is a tough error to track down when trying to insert the new landing page into the database. The new template backend code and database structure is designed differently from the previous template and takes time to learn and troubleshoot. If I can't figure it out by tomorrow I will see if Vivi can help track down the error. I can add new landing pages by entering the data manually however it takes significantly more time than hosting landing pages on the old template. Landing Pages - Made updates to Beleza - Finished customizations for Fredericksburg Spanish page and made live PLANNED - Create new landing pages and make updates as requested - Create and update dashboards - Media buyer login for dashboard search only access, requested by Gabi - Connect new template dashboard to new template database Brandon Hi Jose, Michelle, Christina, 01-15-2019 COMPLETED New Template - Completed form submission tracking for new template on live server and tested. - New template dashboard front end is completed on the development server but is not yet working with the new database. Technically new landing pages can be done with the new template system since submission tracking is now working. However it will take longer than with using the old template because I need to create everything manually without the new template LP dashboard working yet. I hope to get the dashboard working with the database by the end of the week. - Updated new template default CSS with the latest responsive code and tested with two landing pages. Both were fully responsive except for a few minor issues with the new slider. All default CSS styles can be overwritten with the custom CSS option I added, and can be re-used. - Tested more database customizations on live server that will be accessible from the new landing page dashboard mentioned above. Landing Pages - Finished and made live Waldorf Women's Care landing page - Finished Fredericksburg English Landing page. Almost finished Spanish version. PLANNED - Create new landing pages and make updates as requested - Create and update dashboards - Media buyer login for dashboard search only access, requested by Gabi - Connect new template dashboard to new template database Brandon Hi Jose, Michelle, Christina, 01-14-2019 COMPLETED New Template - Completed form submission tracking for new template on development server. Need to test on live server. - Completed new template dashboard on development server but is not yet connected to the new template database. New dashboard button allows choosing template 1 or 2. Template 2 has more style options and more can be added in the future if needed. Once completed anyone with a dashboard login can update basic colors/styles for landing pages using the new template. Page layout modifications and custom sections will still require backend access and custom code however. Landing Pages - Started working on Waldorf Women's Care landing page PLANNED - Create new landing pages and make updates as requested - Create and update dashboards - Media buyer login for dashboard search only access, requested by Gabi - Test form submission tracking for new template on live server - Connect new template dashboard to new template database Brandon Hi Christina, The CAPTCHA works as far as function goes, however visually it was not fully responsive when Vivi presented the new template code. It was breaking the entire page layout on smaller screen sizes by overflowing the form. I was able to fix the overflowing but had to stop working on it when I received a bunch of urgent requests. Once I finish the missing form submission tracking code we can start using the new template for live pages which will include the CAPTCHA. I hope to have this completed next week. However until I can also finish a new landing page dashboard I have to create everything in the database and on the server manually for new pages. The new system will be faster when completed and anyone with a dashboard login will be able to make updates that presently only someone with backend access can make. When I am not working on urgent requests I spend all of my time working on fixing the new template. Have a great weekend. Brandon Hi Jose, Michelle, Christina, 01-10-2019, 01-11-2019, and summary for the week. NEW TEMPLATE The new template system was missing many important functions when Vivi handed it over: - No front end dashboard for creating new landing pages quickly, or for updating assets and practice information - Not fully responsive for every screen size, especially for navbar, new slider and Captcha - No custom HTML, CSS, or Javascript options - No form submission tracking When I don't have urgent requests I spend all of my time adding the above mentioned functionality to the new template. Vivi also re-designed most of the code which takes some time to learn. In the mean time I am using the old system for new landing pages but using my custom HTML/CSS templates to render the new designs. Most new designs I can create in about 20 minutes. I can code just about any design but the more customized they become the more time it takes. COMPLETED New Template - Completed custom HTML, CSS, and Javascript options to override any part of default design - Added new customization options in database that will later enable any teammate to edit with front end dashboard - Stopped Captcha from overflowing form on smaller screen sizes - Fixed nearly all other responsive issues - Nearly completed form submission tracking - Working on front end dashboard Other - Completed new highly customized CoolSpa landing page with old system, and made updates requested by Ryan Final design: coolsculpting.coolspa.com - Completed new dashboard search feature for searching leads, requested by Gabi - Completed updates for Plastic Surgery Institute of Washington landing page - Fixed Colorado Skin issue with correct phone number being overridden - Completed Helendale landing page - Updated 39 Slim to newer design PLANNED - Create new landing pages and make updates as requested - Create and update dashboards - Finish form submission tracking for new template - Finish landing page front end dashboard for new template system - Add media buyer login for orders dashboard with access only for searching leads, requested by Gabi Brandon Hi Christina, The Captcha works with the new template except it was not fully responsive when Vivi present the new template code. I was able to improve the responsiveness to stop it from overflowing the form but had to stop when I received a bunch of urgent requests. The captcha will be ready when the new template issues are all fixed. Lately I have been working on the new back end tools Gabi urgently requested, coding the new highly customized CoolSpa page, creating other new landing pages with the old template, and updating old landing pages. When I am not working on urgent requests I spend all of my time working on fixing the new template. Brandon Hi Jose, Michelle, Christina, 01-09-2019 COMPLETED - Completed CoolSpa custom landing page. Required overriding nearly all of the template sections with custom code. However anything used on this landing page can be re-used for others. CoolSpa http://landingpages.appearancemarketing.com//?site=G00rlfwuN38h7vL - Made Vixen landing page live - Added more customization options to new template PLANNED - Create new landing pages and make updates as requested - Create and update dashboards - Finish fixing responsiveness for new template - Finish form submission tracking for new template - Add front end dashboard to new template back end Brandon Hi Linda, Ryan, I am finished with most of the new CoolSpa page. I am now cleaning up smaller details such as spacing, font size/weight, and responsiveness. Since CoolSpa is a major client I added a few subtle features to make it feel more modern. Since the mockup specifies nothing about animations or responsiveness I made a few design decisions, which can pretty easily be changed if needed. As Linda suggested the navbar is 75% opacity. It also fades away when scrolling down on screens less than 900px width and re-appears when scrolling up. The navbar takes as much as 2/3 of the screen on mobile devices otherwise. I also added a subtle parallax effect (speed easily adjustable) for the form background on screens wider than 1024px. At 1024px the background becomes a fixed parallax. At 768px the background removes the girl because you can’t read the form with her there. Here is what I have so far: http://landingpages.appearancemarketing.com//?site=G00rlfwuN38h7vL Brandon Hi Jose, Michelle, Christina, 01-08-2019 COMPLETED - Created Vixen landing page. - Started CoolSpa custom landing page. Nearly completed new custom form. - Fixed more customization and responsiveness issues with new template. - Started working on submission tracking for new template. PLANNED - Create new landing pages and make updates as requested. - Finish CoolSpa custom landing page - Create and update dashboards - Finish fixing responsiveness for new template - Finish form submission tracking for new template - Add front end dashboard to new template back end Brandon Hi Ryan, I can definitely build the site. There could possibly be some responsiveness issues with the main image and promo section since it is pretty different from the template default layout. However I can create another custom section and hide the default main section. I don’t think there will be any issues with the rest of the page. I already coded most of the form on the test page I sent earlier.. I will need the assets from Linda to move forward. Brandon Hi Ryan, I don’t know if Linda forwarded my responses to these CoolSpa emails. I think “190107_C_Landing_1.0B.jpg†looks best and seems quicker to code. I already made a few similar sections for other custom pages. I have been using a fake landing page to experiment with design ideas without changing any of the template HTML. I just added the custom form section for CoolSpa this morning. I can use the same code for either one of the CoolSpa designs: http://landingpages.appearancemarketing.com/?site=DwbFmpgNUZucirs Please let us know when the design has been chosen so we can get it done by Friday. Brandon Hi Linda, To estimate how difficult it would be to override the template for CoolSpa I already implemented the form for the design from “190107_C_Landing_1.0B.jpgâ€. The other sections would be easier since I already coded similar custom sections for other clients. I have been using the following fake landing page to experiment with. It now includes an unpolished custom form for CoolSpa. Just ignore the other sections and scroll to the form. I can make the form background image scroll with the page or use a fixed parallax effect like it has now. All the colors/fonts/spacing can be fine tuned to match the mockup. http://landingpages.appearancemarketing.com/?site=DwbFmpgNUZucirs Brandon Hi Linda, I like the design “190107_C_Landing_1.0B.jpgâ€. I think it would be quicker to code and can use the template. I think an ~80% opacity navbar would look great with this design like you suggested. Brandon Hi Jose, Michelle, Christina, 01-07-2019 COMPLETED - Created and made live Plastic Surgery Institute of Washington landing page. - Completed Dashboard search option for all leads. There is now a menu option labeled "Search Leads" on the Dashboard where anyone can search leads by practice URL or by submission date. https://orders.appearancemarketing.com/leadcount.php Searching by Date (YYYY-MM-DD) Returns in alphabetical order all leads submitted on specified date, and total lead count. Search by Practice URL Returns in descending chronological order all leads submitted to a specific client, and total lead count. Default Total leads for every client is printed in descending order by number of leads PLANNED - Create new landing pages and make updates as requested. - Expecting custom Coolspa landing page design from Linda - Create and update dashboards - Finish fixing responsiveness for new template - Add form submission tracking to new template - Add front end dashboard to new template back end Brandon Hi Linda, I think I get what you are saying but I am not sure. I can make the header background any percent opacity or use a background image. However if using a background image for the navbar it would make responsiveness more difficult with lining up the separate images at different screen sizes. Right now I have breakpoints that adjust the margins manually for the main image to line up with the bottom of the navbar. It is more involved to make the margins adjust automatically. The background opacity can be changed on just about any page element including buttons. Some hover effects can be added pretty easily with only CSS such as changing colors, borders, and adding shadows. Scrolling effects can be added with Javascript such as hiding the navbar, adjusting height, or changing opacity when scrolling up or down. I did an exercise about a month ago to see how far I could stretch out the template without changing any HTML or any other sites. I can probably do a lot more to stretch the template but there is not enough time to experiment. Here is the link to that fake site if you want some ideas: http://landingpages.appearancemarketing.com/?site=DwbFmpgNUZucirs I hope this helps. Brandon Hi Gabi, I added a dashboard menu option called “Search Leadsâ€. By default the total lead count for all landing pages will display, with the following search options: - Search by submission date using the “YYYY-MM-DD†format. A table will display with all leads submitted on that date. - Search by practice URL. A table will display total leads for a specific practice’s landing page. You can leave one or the other search boxes empty and still search by either date or URL. I can change the UI later if needed but I wanted to finish something useful quickly. I hope this helps. Brandon Hi Jose, Michelle, Christina, 01-04-2019 COMPLETED - Created Plastic Surgery Services landing page in English and Spanish. Needed new custom HTML/CSS sections to override default text with Spanish. However now any client can have a Spanish landing page by copying most of the new custom code. http://landingpages.appearancemarketing.com/?site=AFPNNGdPXpfl2sY - Created and made live Dr. Stiles landing page. - Worked on new template slider responsiveness. - Worked on adding search bar to dashboard lead count. PLANNED - Create new landing pages and make updates as requested. - Create and update dashboards - Finish fixing responsiveness for new template - Add form submission tracking to new template - Add front end dashboard to new template back end - Add search bar to dashboard for counting total leads by date and client Brandon Hi Jose, Michelle, Christina, 01-02-2019 and 01-03-2019 Summaries. COMPLETED 01-02-2019 - Created and made live Center for Cosmetic & Laser Surgery landing page. - Vanishing Vein made live. - Finished responsiveness for new template navbar. - Improved responsiveness for new template slider with individual HTML elements rather than only images for each slide in current template. - Added to new template database custom HTML sections for overriding navbar, content left of form, form, content3, content4, and footer. - Most of new template HTML can now be overridden for custom content. - Updated default CSS template for new landing page. 01-03-2019 - Created and made live Beleza landing page. - Updated dashboards for Dr. Gomez and Edina Skin Care. - Continued learning new template system code to add submission tracking and dashboard for new customizations. - Added menu option to dashboard to direct to leadcount.php started by Ian. Gabi requested completing page started by Ian that displays total number of landing page submissions for each client. - Spent time learning how leadcount.php works to add search by submission date functionality. PLANNED - Create new landing pages and make updates as requested. At least 3 new LP's requested, one with custom Spanish translation. Expecting several more LP requests. - Create and update dashboards - Finish fixing responsiveness for new template - Add form submission tracking to new template - Add front end dashboard to new template back end - Add search bar to dashboard for counting total leads by date and client Brandon Gabi, I did already add a menu option on the dashboard to access the lead count page labeled “Lead Countâ€. Now I am trying to get rid of the popup. I don’t think I can finish a dashboard search bar before Monday because I have not yet learned the specific parts of the dashboard back end code that would be involved. I can search by date easily directly with the database if you need the data now. I also have several new landing pages to create still and updates/fixes for the new template. Brandon Hi Gabi, Yes I can do this but I have a lot on my plate at the moment. I do as much as I can updating the backend systems whenever I am not creating new landing pages, making urgent updates, and creating/fixing client dashboards. Right now I am working on fixing all the problems with the new landing page template system before it can start hosting live LP’s. It also does not yet have a dashboard but it will be a very similar project to what you are asking for so I can do it around the same time. Brandon 12/28/18 Update Hi Michelle, Christina, Here is an update for the last week or so. Much of this was discussed in the design meeting held last Thursday with Paul, Christina, Vivi, Linda, Lani, and myself. NEW TEMPLATE The new template currently creates all new landing pages using Linda's default design but it does not have all the same capabilities as the old system yet. I am currently updating the new template to include all features from both the old and new systems - custom CSS and HTML capability, front end dashboard for editing LP's without needing database access, automatic database insertion for new LP's created from dashboard, and form submission tracking. Each of the following LP elements can currently be customized in the database, and in the future through a new front end dashboard: - Theme color, button colors, title color, button font, hide text button, hide book online button - Logo, main image, promo image, promo text, promo left/right alignment - New slider staff image, slide order - Testimonial text, icon - Multiple locations NON-COOLSCULPTING SITES I can code just about any layout for non-CoolSculpting landing pages using the old template by overriding sections of the default design. Once I complete updates with the new system I will be able to do the same. The following non-CoolSculpting sites were created in a few hours each by overriding most of the older template system: kalologie.aesthetic-treatments.com virdenmd.aesthetic-treatments.com I still feel that the landing pages could benefit from some more modern design features even just simple additions. I have a lot of design ideas for any sites including landing pages, non-CoolSculpting pages, and the Appearance Marketing home page. I built a few demos on my own time for fun including a CoolSculpting page loading animation and advanced 3-dimensional CSS animations. I showed these design ideas briefly to Linda, Lani, and Ashley just to show what is possible. COMPLETED - Created 6 new landing pages and updated several older ones with the new design - Created and/or fixed 13 dashboards - Learned how to create new landing pages with new template system - Added functionality to customize CSS for any element on new template - Added Thank You page with back button for new template - Nearly completed 100% responsiveness for new template. Linda and Vivi used most of my responsive code for creating the new template but did not account for every possible screen size using the entire new default design and new slider HTML elements. - Added Javascript to hide navbar when scrolling over submission form on smaller screens. In many mobile views the form is more difficult to complete with the navbar taking as much as 2/3 of the screen. The following sites demo this ability if loaded on a mobile device: kalologie.aesthetic-treatments.com virdenmd.aesthetic-treatments.com - Reduced CoolSculpting video size from 250MB down to 13MB while maintaining high resolution on all relevant screen sizes. Significantly improves loading speed on mobile devices. PLANNED - Create new landing pages and make updates as requested - Create and update dashboards - Discuss backend projects with Ian, Ryan - Finish fixing responsiveness for new template - Add form submission tracking to new template - Add custom HTML functionality to new template - Add front end dashboard to new template back end Brandon Hi Michelle, Christina, Here is an update for the last week or so. Much of this was discussed in the design meeting held last Thursday with Paul, Christina, Vivi, Linda, Lani, and myself. NEW TEMPLATE The new template currently creates all new landing pages using Linda's default design but it does not have all the same capabilities as the old system yet. I am currently updating the new template to include all features from both the old and new systems - custom CSS and HTML capability, front end dashboard for editing LP's without needing database access, automatic database insertion for new LP's created from dashboard, and form submission tracking. Each of the following LP elements can currently be customized in the database, and in the future through a new front end dashboard: - Theme color, button colors, title color, button font, hide text button, hide book online button - Logo, main image, promo image, promo text, promo left/right alignment - New slider staff image, slide order - Testimonial text, image - Multiple locations NON-COOLSCULPTING SITES I can code just about any layout for landing pages using the old template by overriding sections of the default design. Once updates are completed with the new system I will be able to do the same with it. The following non-CoolSculpting sites were created in a few hours each by overriding most of the older template system: kalologie.aesthetic-treatments.com virdenmd.aesthetic-treatments.com COMPLETED - Learned how to create new landing pages with new template system - Added functionality to customize CSS for any element on new template - Added Thank You page with back button for new template - Nearly completed 100% responsiveness for new template. Linda and Vivi used most of my responsive code for creating the new template but did not account for every possible screen size with the entire new default design and new slider HTML elements. - Added Javascript to hide navbar when scrolling over submission form on smaller screens. In many mobile views the form is more difficult to complete with navbar taking as much as 2/3 of the screen. The following sites demo this ability if loaded on a mobile device: kalologie.aesthetic-treatments.com virdenmd.aesthetic-treatments.com - Reduced CoolSculpting video size from 250MB down to 13MB while maintaining high resolution on all relevant screen sizes. Significantly improves loading speed on mobile devices. PLANNED - Create new landing pages and make updates as requested - Create new and update existing dashboards - Discuss backend projects with Ian, Ryan - Finish fixing responsiveness for new template - Add form submission tracking to new template - Add custom HTML functionality to new template - Add front end dashboard to new template back end I still feel that the landing pages could benefit from including some more modern design features. I have a lot of design ideas for any sites including landing pages, non-CoolSculpting pages, and the Appearance Marketing home page. I built a few demos on my own time, some including an intro CoolSculpting animation effect, and even 3D HTML/CSS animations. I showed these design ideas briefly to Linda, Lani, and Ashley just to show what is possible. I do understand that backend projects are the highest priority after creating and updating landing pages and dashboards. Brandon Hi Vivi, Is there a front end interface for creating and editing the new landing pages like we do currently on the following site?N Or do I need to enter everything manually in PHPMyAdmin? https://orders.appearancemarketing.com/admins/landingpage.php? Thank you. Brandon Hi Linda The elements you mentioned in the previous email were differently designed in the mockups I received as far as I can tell – button padding, ® to text proportion, font sizing and weight, etc. I used images for the new slider because your HTML mockup is not fully responsive yet (there are issues with image sizes and spacing in some mobile views). I pointed these out to Vivi on Friday when we went over the new template system. When I create landing pages I start with the default design the template system produces and then add custom code until the appearance is approved by the mockup designer. The more customized a design is the more custom code I need to write to make the site fully responsive on every possible screen size. Some of the most recent designs involving non CoolSculpting products/services required creating code that overrides nearly the entire template system. I have many ideas for improving the design of the landing pages. Hopefully we can schedule a meeting soon with at least Michelle, Christina, Linda, Lani, and myself to go over the new template and any ideas people might have for landing page design. Brandon Hi Michelle, Christina I thought it would be helpful to provide a list of the landing page elements that are now supposed to be automatically generated using Vivi's new templating system. For all previous sites that include any of the sections below I have had to write custom responsive code to override Vivi's templating system. - New navbar containing buttons for "Book Appointment Online", "Request Free Consulation", and "Text Us" - Multiple navbar addresses and multiple phone numbers - Captcha for form submissions - Slider for financing information, Coolsculpting certification, and information on Coolsculting technology. - CoolSculpting video section - Testimonial section - Footer section for financing and certification icons Example using all elements of the new default design except the new slider and captcha: https://blueseasmedspa.freeze-the-fat-away.com/ Example using the new slider but not all new design elements: http://landingpages.appearancemarketing.com/?site=R4nf5i1YZDRLsVi The new system is supposed to generate these elements automatically, but they also require fine tuning in the code to account for custom colors, sections to exclude, testimonial text, swapping images and icons, linking to external sites etc. Changes/additions with the actual layout/structure of the default design will require that I write new custom responsive code to override the default design. I hope this helps. Brandon Hi Michelle, Christina, I want to give a summary after meeting with Vivi to discuss the new template. Vivi and I agreed that it would be a good idea for everyone involved with landing pages to have a meeting to discuss her new templating system including Michelle, Christina, Vivi, Lani, Linda, and myself. In order to code the increasingly customized designs I have been given I have needed to code many custom HTML and CSS templates that I use to override the default design. The newest designs have required overriding nearly the entire default template design, especially for the non CoolSculpting sites. Vivi's new template does automatically generate a few of the newer design elements. However the more that newer designs deviate from Linda's default design the more time it will take to write code to override the default design and remain responsive. Remember that nearly every custom landing page created before I started with Appearance was breaking at multiple screen sizes with elements overlapping and jumping around the screen. All of the sites I have created and updated are fully responsive using the custom HTML/CSS templates I created. I know we have plans to expand to other products/services. I am able to code just about any landing page design with any kind of product/service, but the more the new landing page designs deviate from default design the more time they take away from working on Dashboards and other sites/projects. In order for everyone to be in the office it seems that sometime after 10AM or the afternoon on a day Linda is here would be best for scheduling a meeting to discuss the new template. Brandon Hi Michelle, I have created approximately 50 landing pages since I started, all of which are fully responsive. I have updated approximately 20 older landing pages I did not create using the custom responsive HTML/CSS templates I have written. I have been updating the older landing pages with full responsiveness as update requests are made. Over the last two weeks approximately I have created 10 new landing pages. Several of the newer designs required substantial new custom code. I have fixed issues with approximately 20 dashboards so far. Usually these issues involve data not displaying for TapClicks, AdWords, or Analytics. I have created about 6 new dashboards or new logins. When I am busy with updating and creating landing pages Dominique has been helping with creating new dashboards. When landing pages are up to date I focus on fixing and creating dashboards. Brandon One issue with the current landing page design I think. Nearly every landing page built by the template creates a navbar that obscures from 50-75% of the screen in mobile landscape view. This blocks potential customers from viewing the content, and more importantly makes form submission substantially more difficult. I have written custom Javascript for potential solutions to this issue that I can demo. The navbar can have adjustable visibility in any screen size. The navbar can be hidden when the user scrolls over the form section, and/or with up or down scrolling. There are other possibilities. Non-live example below has this new navbar capability if viewed on mobile. http://landingpages.appearancemarketing.com/?site=Cq8cGuLNlHqcAqz Hi Michelle, Christina, Here is a summary for the past week. COMPLETED Created new landing pages and updated older landing pages. Fixed more dashboard data issues and created new dashboards. Added "Back" button to Thank you page for all landing pages requested by Ryan. Button navigates back to landing page. Updated my temporary template code for several newer design elements requested with non-CoolSculpting pages. Examples of newer design elements: https://kalologie.aesthetic-treatments.com http://landingpages.appearancemarketing.com/?site=Cq8cGuLNlHqcAqz PLANNED Continue creating new landing pages and update old pages with responsiveness as requested. Continue creating dashboards and fixing issues. Learn new template additions done by Vivi. If time discuss new landing page design ideas. Brandon Navbar now has adjustable visibility in mobile view. Navbars with more elements taked as much space as 2/3 of screen making form submission more difficult with default template, especially in mobile landscape. Navbar can now be hidden when user scrolls over form section, and with up or down scrolling. Non-live example below has this new capability if viewed on mobile. http://landingpages.appearancemarketing.com/?site=Cq8cGuLNlHqcAqz Hi Michelle, Christina, Here is a summary for last week and so far this week. COMPLETED Thank you page made live for all landing page form submissions. Fixed all dashboard data loading issues. Fixed 12 dashboards last week, 3 so far this week. Learned how to create new dashboards. Updated my temporary template code for newer design elements requested - footer additions, form location option, improved navbar customization, new slider - customizable elements not just images. Created new landing pages and updated older landing pages. Fixed spacing error in old template for all phone numbers. PLANNED Continue creating new landing pages and update old pages with responsiveness as requested. Continue creating dashboards and fixing issues. Vivi estimates new template in 2 weeks. If time discuss new landing page design elements, and custom emails mentioned recently. Brandon Hi Lani, The HTML/CSS mockup Linda made for the new landing page design that included the new slider is entirely custom and has not yet been integrated into any of the live landing pages. Meaning that the current template creates no part of it automatically. The new slider is composed not just of images but many other elements as well that need additional custom code to make responsive without screwing up positioning of other elements in the default template. It was my impression after the meeting several weeks ago that we were not going to be adding this much customization to the existing template because it kind of defeats the purpose of the template. The new slider is supposed to be generated automatically in the new template Vivi is working on. While waiting for Vivi I have been working on the side to code the new slider using my temporary template but I am not finished testing. I will see how far I can get adding the new slider but please keep in mind that the more custom elements we add to any new landing page using the old templating system the longer it takes to code new landing pages and the harder it becomes to customize them. I can probably more quickly add a partial new slider that only displays images of the new slides. Brandon Alexa, Someone did add a custom case for Coolspa specifically that does something similar to what he is describing. The custom code is more than 70 lines. Any changes would need to be carefully tested on the development server first because any mistakes could effect form submissions for all landing pages. Vivi or Ian can probably do it faster since they are more familiar with our system. I am trying to fix the dashboards and update a bunch of landing pages right now. Brandon Hi Ryan, I just wanted to let you know that you might have received a bunch of fake test emails while you were on vacation. I was testing out the Thank You page re-direction to prevent repeat consultation requests and noticed that your email was hardcoded to receive notifications. I hope you had a great vacation. Brandon Hi Gabi and Dominique, I tested the Thank You page for landing page form submissions on the live server this morning so you will probably get a few leads that are not real. For testing I chose clients that had the least number of leads and the least recent leads to avoid issues by live testing with more important clients. I have seen 3 more real submissions since I added the code for the Thank You page so it appears to working. As of right now I see 13 real submissions for today 11-26. Let me know if you see any issues with landing page form submissions. Brandon Christina, Do you still have a work list of ones that need to be fixed? I fixed all the landing pages that were audited, all that I created, and all I have been requested to update for other reasons. I do not have a complete list of every live page that needs updates for responsiveness. I remember hearing a few times that older pages were a lesser priority. Were you and Gabi able to clear this up on Friday? Yes Gaby and I cleared up the confusion on Friday. How are you feeling about dashboards? Are you the one creating them right now? I need to study the backend code more before I can fix the data issue. I was given five landing pages to update or create today so I did not have time. Do you mean new design that Linda designed or that you designed? No I was talking about Linda’s design. My temporary template covers all elements of the preliminary design we discussed a few weeks ago in the design meeting. At that time we had decided to not create new pages using those new elements until Vivi’s updates were complete. I added that capability anyway. I will need to add even more custom code to my temporary template to make the old backend template match Linda’s newest design. Has Vivi gotten back to you? She wrote back to Ashley and she told me Vivi was looking into it. Brandon 11/19 Update Hi Michelle, Christina, Here is a summary for last week. COMPLETED Updated several older landing pages with requested new design elements and full responsiveness. Completed successful testing of "Thank You" page on development server, not live. Submission form updates on live need to be done very carefully because all landing page form submissions will be effected. On Friday Gaby mistakenly thought test emails were sent to client. They were actually fake emails I created while testing. Gaby's email is currently hardcoded to receive test emails even if sent from the development server but can be temporarily commented out. Met with Dominique and discussed how to create and use dashboards for specific clients. Data for some clients not always loading correctly in dashboard so will investigate in backend code. Talked with Ian about tips for learning dashboard code. Talked with Vivi recently about structure of database for dashboard. Started reverse engineering dashboard code when not working on landing pages. Reviewed new CoolSculpting template design and specific changes/additions to code. The new design uses most of the same code with a few useful exceptions such as a new button container in the navbar and the new slider. Slider speed could be slowed to make reading slides easier. Header is very crowded with mobile portrait views. Design is more responsive than current template but not for 100% of screen sizes. Ashley asked about feasibility of modifying CoolScupting template to work with Skinceuticals. On development server successfully tested using current Coolsculpting submission form on quick Skinceuticals HTML mockup. Current template system seems to be adequate but would need a few changes on the database. Ashley emailed Vivi about using modified template for Skinceuticals. PLANNED Continue creating and updating landing pages. Move thank you page to live server and send live test email(s). Continue learning dashboard code and figure out data loading issues. Discuss HTML/CSS custom emails mentioned by Christina, and Skinceuticals landing page template but was told are lesser priorities. If time discuss new design elements/effects completed outside of business hours. Although layout and responsiveness customizations using current template can be challenging many other types of customizations are possible with any client with minimal changes to code. Page loading animations, hover effects, varied opacity, parallax background images, and/or background video can make a landing page feel more interactive and professional. Hi Jose, I Just had a few quick things I forgot to mention. You mentioned the importance of making the best use of time. I forgot to mention that the new PHP template that I wrote I created entirely on my own time so I could become better able to make customizations to the system on company time. I also created the second CSS template on my own time that can add many modern elements and styles to any current landing page with little more than copying and pasting my code into the style sheet for an individual client. I felt that the current design could appear more professional with even small changes such as button animations, hover effects over text fields, fixed/parallax background, varied opacity, etc. I knew many of those effects could be achieved without any changes to the template. I only briefly tested it out on company time and everything worked. I have spent the majority of company time creating and updating landing pages and creating my temporary CSS/HTML template that forces the current template to create pages that resemble the new design and are fully responsive. My template now can make every element of the new design fully responsive with the old template. With the temporary template I was able to update every other landing page I have worked on and a few older pages in one day. When I don’t have urgent landing page requests I am now spending most of my time learning the Dashboard. Thank you for the clarifications regarding who is working on what. Brandon Hi everyone, I have finished updating the dashboard update portion of the page. The insert portion will also function better now as I have added the ability to add multiple adwords campaigns to a dashboard without the need for the database. As for the update portion I have also completed it. I have updated the dashboard documentation that I wrote previously to match the current state of the page and how to use it (including pictures). I will link it at the end of this email. The rundown is that it is now possible to do almost anything using that form with very little need to touch the database itself which most people do not have access to. The only things that cannot be changed with the form are the practice itself that is attached to a certain username, and the username itself. These can be changed in the database, but because they are primary keys for the database, it is touchy for a form to be able to affect them. With that being said, if that function is wanted, I can also make it possible to edit the username. Having the ability to change the practice didn't make any sense to me which is why it isn't possible to change that. If you would like the ability to completely delete a dashboard user from the list let me know and I can make that happen. It would not take too long to implement that, but it was not previously mentioned or talked about and so I did not spend any time doing it. The only undesirable effect is with the lack of reset code for the selection of dashboard users. Due to this, I have advised inside of the documentation a couple of times that the dashboard page should be refreshed every time before selecting a new client. To turn off Tapclicks or Google Analytics for a dashboard, change the corresponding field to a 0 and then press edit account. To turn off adwords for a dashboard, delete all of the data inside the adwords rows that are populated and then press edit account. Again, all of this is explained inside of the documentation. Here is the link in case you guys don't have it: https://docs.google.com/document/d/1WrFxDPUJeaHoolJiVO67sU2Eog2KaRnuBvgwsTe_zyY/edit I haven't put the new code onto the live server yet as I would like to personally test it myself before I say it is 100% done. If possible could you guys give me some dashboards that need to be created or updated so that I can check? If not, authorizing 1-2 clients that I can make changes to would also be okay. I would revert them back to their initial state after I finish testing them. If any of you have any questions regarding this, let me know. Regards, Ian -- Ian Harriott Sorry Ryan, I was supposed to send you the files yesterday but something came up. I have CCed Brandon on this email so that he can get the files directly from the server also. All of my code is located on the dev server under a folder called ian-test. The main file that drives the workorders form that I have shown you before is under the workorders folder. It is called createworkorder.php. The js folder inside the workorders folder has a file called createworkorders.js. That's where I put all the javascript that drives the population of that page, including the dropdown list and the autocomplete company list. The API calls for airtable and hubspot are also inside of that file. Apart from that I have the dealsync script underneath the deals/js folder, and the companysync script underneath the companies/js folder. They aren't fully finished as it currently doesn't do the actual insert and update, but all of the comparison logic is there and still works. ian.egroup-dev.com is the site that Jose set up for where where I have been testing all of the different pages. Some pages take 2-5s to load because I do all of the API calls and wait for them to complete before allowing anything to be done on the page. Some pages are useless without the finished API calls (such as the workorders page). I am also leaving a shareable link to a google drive folder where I have uploaded all of the files since you do not have access to the server. If you have any issues with this link, you could ask Brandon to pull the files from the server for you. I will not be available for work on Friday at the usual time as it is someone close to me's birthday, but I will be available tomorrow anytime at or after 4:30, and if there is any work that you guys would like me to complete on the weekend, an email of what you want me to do would work. Let me know if you have any questions. Here is the link to the files: https://drive.google.com/open?id=1bOEZIiUVvOujkAR0QjMIQngedz66OeSZ Regards, Ian -- Ian Harriott On 2018-10-25 18:55, Brandon Piper wrote: > Hi Ian, > > Thank you for the clarifications regarding the changes to the live > server and google maps. > > Since you and I are both expected to be working on the back end code I > was hoping we could get on the same page regarding who is working on > what. I will just explain what I am working on now and what I was told > to work on. I hope you can give a summary as well so we can > coordinate. > > I know that creating and maintaining the landing pages are the highest > priority for my responsibilities. I have spent most of my time > creating and updating landing pages with the template system and a few > with Wordpress. When things are slower I have been learning the > landing page backend code, and some of the dashboard code. I created > the thankyou.php page to prevent bots from submitting the form more > than once but have not yet integrated it into the system. Vivi talked > with me today about my working on changes to the dashboard once things > slow down with the landing pages. As soon as I have time I am going to > copy the code for the landing page template in a separate directory on > the dev server and start experimenting with changes. And do the same > for the dashboard. I have spent some time with Dominique to learn more > about the dashboard from the marketing teams perspective to get ideas > for what changes are needed. > > Today I met with Candance and Alan to discuss the new template design > and was told the new default template will look very similar to the > “Christopher Jones MD†landing page I am working on currently. I > am making a CSS template for that design to go with custom content in > the database, so while the back end template is being updated I can > quickly make any new landing page match using the existing back end > system. I have also been working on making sure all new landing pages > are responsive for desktop, mobile portrait, mobile landscape, and > tablet. There are a few that I still need to update for mobile > landscape. When meeting with Candace, Alan, Michelle, Cristina, and > Vivi today we all clarified that at least as of today Vivi was working > on updating parts of the template system and estimated she would be > done in a week. > > Since our hours only slightly overlap, if you need to get a hold of me > outside of business hours my personal email/cell are below. > > Thanks again for all of your help and I apologize for any confusion. > > Brandon > > bmp713@yahoo.com > > 831-419-0137 Hi Brandon, My main task at the present time has been this system that we're developing to integrate airtable with hubspot. It is being developed on a subdomain of the dev site, so whatever I change doesn't affect the code anywhere else. My own personal sandbox really. Michelle contacted me yesterday about the dashboards, so I will be halting my work on the project to finish the dashboard functionality. We shouldn't have too much overlap as I am no longer doing any landing pages, but I will be making changes to the dashboard code on dev, so if you want to copy it to play around with it, you should take the code from the live version. As for what other changes are needed to the dashboards, I don't know. I will only be finishing the updating of dashboard information using the current form. Let me know if you have any questions. Regards, Ian -- Ian Harriott Hi Michelle, Christina, I was actually already planning to give an update today for what I have been working on. SUMMARY The landing pages are the highest priority so I have been trying to make their creation as fast as possible to leave more time for creating new features and working on backend development. I have added full responsiveness to the old and newer designs in spite of the templating system limitations. When I have time between creating and updating landing pages I have been experimenting with the backend code on the development server, working on a new PHP/HTML template with maximum customization in mind, and started learning and experimenting with the dashboard. Since the landing pages play a critical role in selling Coolsculpting to new customers I think the new design would benefit from adding some new modern design features to enhance the professional feel. I have created two new CSS templates - one that creates the new designs with the old system, and one that can add many modern features to any new or existing landing page with no changes to the backend code. These client specific customizations have no effect on any other page. I can demonstrate these customizations on almost any existing landing page. COMPLETED Made ALL landing pages I have created fully responsive to any screen size (about 30 pages). Added full responsiveness to many pages I did not create. Improved temporary CSS template to include all elements of new design using old template system, including additional navbar buttons while maintaining full responsiveness. Additional sections can be added below the submission form with just about any content. Designed new customizable CSS template that can radically change appearance and behavior of any landing page with no changes to the current backend template. Many modern design elements can be added such as page loading animation, variable opacity navbar, morphing buttons, form and section hover effects, parallax scrolling, full screen background video with adjustable contrast, and elastic scrolling. I can add many other kinds of effects that give a more professional feel. To learn the backend code I wrote a new PHP/HTML template with the limitations of the current system in mind. So far my PHP template interfaces directly to the existing database and can integrate any client assets/information into many different HTML/CSS designs. PLAN Continue creating and deploying new client landing pages. Continue experimenting with adding new features to HTML/CSS and PHP templates. Learn and integrate new backend features for template and dashboard. Thank you page is completed but I have not had time to integrate it into the current template. Brandon Hi everyone, I have finished updating the dashboard update portion of the page. The insert portion will also function better now as I have added the ability to add multiple adwords campaigns to a dashboard without the need for the database. As for the update portion I have also completed it. I have updated the dashboard documentation that I wrote previously to match the current state of the page and how to use it (including pictures). I will link it at the end of this email. The rundown is that it is now possible to do almost anything using that form with very little need to touch the database itself which most people do not have access to. The only things that cannot be changed with the form are the practice itself that is attached to a certain username, and the username itself. These can be changed in the database, but because they are primary keys for the database, it is touchy for a form to be able to affect them. With that being said, if that function is wanted, I can also make it possible to edit the username. Having the ability to change the practice didn't make any sense to me which is why it isn't possible to change that. If you would like the ability to completely delete a dashboard user from the list let me know and I can make that happen. It would not take too long to implement that, but it was not previously mentioned or talked about and so I did not spend any time doing it. The only undesirable effect is with the lack of reset code for the selection of dashboard users. Due to this, I have advised inside of the documentation a couple of times that the dashboard page should be refreshed every time before selecting a new client. To turn off Tapclicks or Google Analytics for a dashboard, change the corresponding field to a 0 and then press edit account. To turn off adwords for a dashboard, delete all of the data inside the adwords rows that are populated and then press edit account. Again, all of this is explained inside of the documentation. Here is the link in case you guys don't have it: https://docs.google.com/document/d/1WrFxDPUJeaHoolJiVO67sU2Eog2KaRnuBvgwsTe_zyY/edit I haven't put the new code onto the live server yet as I would like to personally test it myself before I say it is 100% done. If possible could you guys give me some dashboards that need to be created or updated so that I can check? If not, authorizing 1-2 clients that I can make changes to would also be okay. I would revert them back to their initial state after I finish testing them. If any of you have any questions regarding this, let me know. Regards, Ian -- Ian Harriott Hi Jose, Thank you for speaking up and explaining to Christina, Michelle, and Paul that customizing these landing pages to look and behave like the new designs requires a lot of custom CSS code and HTML hacks in the database including many of the trickier positioning features of CSS. Nearly every landing page created before I started with Appearance breaks at multiple screen sizes. Every page I create and fix I try to undo more of the hacks and replace them with code following responsive CSS best practices, but sometimes its tough within the given timeline. The following pages from the list are now nearly 100% responsive at virtually any possible screen size. If you see anything out of alignment please let me know. https://waldorfcenter.freeze-the-fat-away.com/ https://infinitywellnesscenter.freeze-the-fat-away.com https://crystalmedical.freeze-the-fat-away.com/ https://coolsculpting.swancenteratlanta.com Brandon Hi Vivi, Yes I will work on Swan as soon as possible. I was given an incorrect mockup design yesterday that I tried to undo after the confusion was cleared up. Right now I am working on the responsiveness for Naaman and Villano, and other pages. While learning from landing pages that were done before I started at Appearance I noticed that many have issues with responsiveness, specifically with all elements lining up on different screen sizes. Most issues have been with the navbar. For landing pages I have created I have added CSS that has improved responsiveness for the most important screen sizes, especially mobile portrait and full screen desktop. When I have time I have added new responsiveness to older landing pages. I was told that 70% of landing page traffic is mobile, and that the majority of that traffic is in portrait view so I have made those screen sizes the highest priority. The mockup designs I am given only include full screen desktop, and not mobile. It is most difficult to customize the navbar when the mockup designs include new buttons and different navbar layouts using elements either not included in the template system or they use different implementation. Most recently I have designed a temporary collection of HTML/CSS snippets to make the old template system default pages match the new design as close as possible. I used the custom sections to accomplish most of that and added a lot of new CSS for each new page using the new design. We should meet up soon to discuss the changes you are making to the template system for the new design. Afternoon today or tomorrow would work best for me. Brandon Hi Vivi, Yes I will work on Swan as soon as possible. Right now I am working on the responsiveness for Naaman and Villano, and other pages. While learning from landing pages that were done before I started at Appearance I noticed that many have issues with responsiveness, specifically with all elements lining up on different screen sizes. For landing pages I have created I have added CSS that has improved responsiveness for the most important screen sizes, especially mobile portrait and full screen desktop. When I have time I have added new responsiveness to older landing pages. I was told that 70% of landing page traffic is mobile, and that the majority of that traffic is in portrait view so I have made those screen sizes the highest priority. The mockup designs I am given only include full screen desktop, and not mobile. It is most difficult to customize the navbar when the mockup designs include new buttons and different navbar layouts. Brandon Hi Vivi, Thank you for pointing out the issues with responsiveness. I am aware of these issues and have been working on fixing them. I have been trying to match the live landing pages as closely as possible to the mockups I am given from designers. There are quite a few landing pages from before I started with Appearance that also have issues with responsiveness that I have added more responsiveness to. I spent a few days working to make an HTML/CSS template of my own to build pages using your template system but transforming the old design to the new design. Most of the page elements and sections are responsive. The navbar has been most difficult to match the new design and the issues you pointed out are related to that. We should meet up soon to discuss these issues and the new template system.