{"id":9447,"date":"2019-05-08T13:18:46","date_gmt":"2019-05-08T13:18:46","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=9447"},"modified":"2019-12-19T12:46:09","modified_gmt":"2019-12-19T12:46:09","slug":"how-to-add-widgets-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-add-widgets-in-amp\/","title":{"rendered":"How to add widgets in AMP"},"content":{"rendered":"\n

We have 6 type of Widget Areas in AMP<\/h4>\n\n\n\n
  1. AMP Widget Below Header<\/a><\/li>
  2. AMP Widget Above Footer<\/a><\/li>
  3. AMP Footer<\/a><\/li>
  4. AMP Widget Above Loop<\/a><\/li>
  5. AMP Widget Below Loop<\/a><\/li>
  6. AMP Sidebar<\/a> (only in Swift theme)<\/li><\/ol>\n\n\n\n

    Widgets can be found on Appearance -> Widgets<\/strong> page in your WordPress admin area. <\/p>\n\n\n\n

    On your right, you will find the designated areas on your WordPress site where you can place these widgets.  <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    1. AMP Widget Below Header<\/mark><\/h4>\n\n\n\n

    This Widget Area is used to add Widgets below the header of your AMP website and Add the widget module of your choice here. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    The output of AMP Widget Below Header<\/h4>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    2. AMP Widget Above Footer<\/mark><\/h4>\n\n\n\n

    This Widget Area is used to add Widget Modules Above the Footer of your AMP website and Add the widget module of your choice here. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    The output of AMP Widget Above Footer <\/h4>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    3. AMP Footer<\/mark><\/h4>\n\n\n\n

    This Widget Area is used to add Widget Modules in AMP Footer of your AMP website and add the widget module of your choice here.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    The output of AMP Footer<\/h4>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    4. <\/strong>AMP Widget Above Loop<\/mark> <\/h4>\n\n\n\n

    This Widget Area is used to add Widget Modules Above the Loop of your AMP website and Add the widget module of your choice here.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    The output of AMP Widget Above Loop <\/h4>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    5. AMP Widget Below Loop <\/mark><\/h4>\n\n\n\n

    This Widget Area is used to add Widget Modules below the loop of your AMP website and Add the widget module of your choice here. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    The output of AMP Widget Below Loop <\/h4>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    6. AMP Sidebar<\/mark><\/h4>\n\n\n\n

    This Widget Area is used to add Widget Modules in Sidebar of your AMP website and Add the widget module of your choice here. <\/p>\n\n\n\n

    First you need to go to this WordPress Admin Area<\/strong> -> AMP option panel<\/strong> -> Design<\/strong> -> Global <\/strong>-> enable sidebar<\/strong> option.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Once you enable sidebar option, AMP sidebar will be displayed in widget area.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    The output of AMP Sidebar<\/h4>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n

    We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n

    \n\t\t\tAsk your Questions Directly!<\/strong>
    \n\t\t\t
    If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t