{
  "Status": true,
  "Message": "",
  "Response": {
    "post": {
      "postuid": "5osh5hg7so",
      "tenantuid": "d8b744fc-2e70-4089-bb80-dd1d08f6c7b2",
      "projectuid": "239698c5-f7eb-4574-8cc8-c6568f08b3a0",
      "title": "Using the Page Designer",
      "slug": "article/5osh5hg7so-create-a-landing-page-using-the-page-designer",
      "html": "\u003Cp\u003EThe Page Designer is a drag-and-drop design canvas. There are several ways to access the designer.\u003C/p\u003E\u003Ch4\u003EAccess the designer from the more options menu\u003C/h4\u003E\u003Cp\u003EWhether you\u0026#39;re in the \u003Cb\u003ELanding Pages\u003C/b\u003E list view or in the \u003Cb\u003EAssets\u003C/b\u003E tab of a campaign, you can access the Page Designer from the more options menu (3 dots).\u003C/p\u003E\u003Col\u003E\u003Cli\u003EClick on the 3 dots next to the landing page you\u0026#39;d like to work for the more options menu.\u003C/li\u003E\u003Cli\u003ESelect \u003Ccode\u003EDesign Page\u003C/code\u003E from the menu.\u003C/li\u003E\u003C/ol\u003E\u003Cfigure\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/70eaa2751a93b327016fde33cb08d3bc.jpeg\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cfigcaption\u003EList of pages to edit\u003C/figcaption\u003E\u003C/figure\u003E\u003Cp\u003E\u003Cb\u003ENote:\u003C/b\u003E Whenever you are in the \u003Cb\u003ELanding\u003C/b\u003E \u003Cb\u003EPage Settings\u003C/b\u003E screen, you can access the designer as well.\u003C/p\u003E\u003Cfigure\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/f25edf49fe792b8d15d28d009b1c9f56.jpeg\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cfigcaption\u003EPage settings\u003C/figcaption\u003E\u003C/figure\u003E\u003Ch4\u003EAdd elements to your page\u003C/h4\u003E\u003Cp\u003ETo add an element to the designer canvas select a widget from the right menu by clicking and holding the mouse down and drag-and-drop it onto the design surface.\u003C/p\u003E\u003Cp\u003EYou will see a green bar that indicates where the designer will place your widget.\u003C/p\u003E\u003Cfigure\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/51c0d3cc2e4f744ca0bbd0c1f6879912.gif\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cfigcaption\u003EPage designer\u003C/figcaption\u003E\u003C/figure\u003E\u003Cp\u003EWhen the widget is added to the designer you can move, delete or edit the widget. Some of the design widgets have special options which will show up in place of the widgets.\u003C/p\u003E\u003Ccite class=\u0022recommended\u0022\u003E\u003Cspan class=\u0022title\u0022\u003E\u003Ci class=\u0022fa-duotone fa-circle-exclamation\u0022 aria-hidden=\u0022true\u0022\u003E\u003C/i\u003ERecommended\u003C/span\u003E\u003Cp\u003EThe Page Designer generates HTML friendly emails based on the Bootstrap templates - these are optimized all major browsers and are mobile (responsive/adaptive) friendly.\u003C/p\u003E\u003C/cite\u003E\u003Ch4\u003EWidget Explanations\u003C/h4\u003E\u003Cp\u003E\u003Cb\u003EContent Container:\u003C/b\u003E allows for additional content and colors within an existing section.\u003C/p\u003E\u003Cp\u003E\u003Cb\u003ERow Container\u003C/b\u003E: must be added first before any rows can be added.\u003C/p\u003E\u003Cp\u003E\u003Cb\u003ESplash:\u003C/b\u003E Allows text and images to be sized.\u003C/p\u003E\u003Cul\u003E\u003Cli\u003Eif Yes is selected size will be set to the current screen height.\u003C/li\u003E\u003Cli\u003Eif No is selected the size will be limited to the height of the container.\u003C/li\u003E\u003C/ul\u003E\u003Cp\u003E\u003Cb\u003EWeb Form\u003C/b\u003E: adds the assigned web form to your landing page.\u003C/p\u003E\u003Ch4\u003EOther Resources\u003C/h4\u003E\u003Cul\u003E\u003Cli\u003E\u003Ca href=\u0022/article/o5cuusbxt9-creating-or-editing-a-landing-page\u0022\u003ECreate or Edit a Landing Page\u003C/a\u003E\u003C/li\u003E\u003Cli\u003E\u003Ca href=\u0022/article/922m6dlbdu-assigning-a-form-to-a-landing-page\u0022\u003EAdd a Form to a Landing Page\u003C/a\u003E\u003C/li\u003E\u003Cli\u003EEdit a page\u0026#39;s \u003Ca href=\u0022https://docs.dailystory.com/article/z2l32rh39p-landing-pages#html-and-css-editor\u0022\u003EHTML\u003C/a\u003E and CSS\u003C/li\u003E\u003Cli\u003E\u003Ca href=\u0022/article/dcbmnnuxxa-landing-page-frequently-asked-questions\u0022\u003EFrequent Asked Questions\u003C/a\u003E about Landing Pages\u003C/li\u003E\u003C/ul\u003E",
      "publish_status": 0,
      "post_type": "Article",
      "featured_image_updating": false,
      "meta_description": "The Page Designer is a drag-and-drop design canvas. There are several ways to access the designer. Access the designer from the more options menu Whether you\u0026#39;re in the Landing Pages list view or in the Assets tab of a campaign, you can access the Page Designer from the more options menu (3 dots). Click on the 3 dots next to the landing page you\u0026#39;d like to work for the more options menu. Select Design Page from the menu. Note: Whenever you are in the Landing Page Settings screen, you c ...",
      "display_toc": true,
      "has_workingcopy": false,
      "allow_indexing": true,
      "total_views": 700,
      "date_published": "2023-11-09T09:20:50",
      "date_updated": "2025-05-16T19:14:07.733",
      "date_created": "2025-04-23T17:17:23.533"
    }
  }
}