Elementor Widgets

An example of widgets we can use 

Call to Action Boxes

AGA Advocacy Action Center

Use the tools in this action center to connect directly to your elected officials. Edit pre-formatted emails or social media posts to get your message directly to the legislators making the decisions. 

Visit Center

AGA Advocacy Action Center

Use the tools in this action center to connect directly to your elected officials. Edit pre-formatted emails or social media posts to get your message directly to the legislators making the decisions. 

Visit Center

Patient Care Action Center

Add a strong one liner supporting the heading above and giving users a reason to click on the button below.

Learn more

Link Boxes, Graphic Banners

Flip Box

Option to display marketing content. Would limit to one per page since it has a lot of motion. On mobile you have to click to see other side so consider how it hides info when using – best for marketing and not content. 

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here

Call to Action

Another way to promote content. Design – do we like Zoom? Button formatting needs to be updated (filled in rather than border). 

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

Existing banner

This is still useful, currently used across site

Slides

We can consider using this for pages that have multiple graphic banners. Best for marketing promotions. This could also be a solution for pages that have multiple footer snippets. 

Slide 1 Heading
Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here
Slide 2 Heading
Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here
Slide 3 Heading
Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here
Previous
Next
Slide 1 Heading
Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here
Slide 2 Heading
Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here
Slide 3 Heading
Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here
Previous
Next

Call to Action options

Infobox Title

Basic description about the Infobox

Infobox Title

Basic description about the Infobox

Infobox Title

Basic description about the Infobox

Stay Tuned

AGA will share new symposia from the series as they become available.

Stay Tuned

AGA will share new symposia from the series as they become available.

Stay Tuned

AGA will share new symposia from the series as they become available.

Buttons

Need a few button options in different color options. Also confirm shape – square or rounded – you can see above that the buttons need to be standardized within elements

Toggles and list options

Accordion/Toggles

Highly recommend replacing current toggles with either of these widgets. The third version is from the Master Add on plugin. Accordions are always open on load.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Icon list

Feature list

Could be used sparingly when the key features/points need to stand out

  • Feature Item 1

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

  • Feature Item 2

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

  • Feature Item 3

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

  • Feature Item 1

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

  • Feature Item 2

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

  • Feature Item 3

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

  • Feature Item 1

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

  • Feature Item 2

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

  • Feature Item 3

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

Image options

Gallery

We can use this to show off multiple members or pictures from an event.

Image Carousal

We can use this to show off multiple members or pictures from an event. Recommend this if we have more than eight pictures, especially if we have a ton, eliminating the need to create Facebook albums. 

Portfolio

Used on Advocacy page to link out to news items (Note EPIC plug-in should provide updates to this that automatically update news items)

Media Carousal

Another option to show off multiple members or pictures from an event. Downside is that it is a bit more involved than the standard gallery but you can actually add individual links to each image.

Photo w/ caption (good for patient)

ERCP of bile and pancreatic duct

ERCP

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Misc

Testimonial Carousal

I can see this being useful for marketing articles, since they occasionally highlight quotes from previous events, or for Foundation articles.

Author Box

Recommend using when we have articles from members.

Jane Doe

Jane Doe

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

MA Table

This is the only built table I found. It is ok for very basic tables but for long lists it gets very tedious. Could be possible to use but need to use more to see if it is actually better than coding in a table.

First Name Last Name Job Title Twitter
Liton Arefin Developer Litonice11
Roy Jemee Content Writer @Litonice11
Akbar Hossain Designer @AkbarHo33850947
Jewel Theme Website @jwthemeltd

Facebook Embed

Elementor seems to only have an embed for Facebook which we rarely use. I have found some third party widgets that could give us a feed widget for Twitter and Instagram. RS NOTE – CHECK ON MOBILE

EA Twitter feed carousel

See use on AGA Graduation Party page. Can filter by handle and hashtag.

Alert

Social share for page

Share on facebook
Share on twitter
Share on linkedin

Tweetable quote

Use Anchor widget to create anchor link

Video explains how to create anchor links.

Example can be found on patient GERD page.

Icon box to call out content

Questions to ask your doctor

1. Will I need to do other tests in the future?

2. What if my treatment isn't working? How long should I wait to tell you if I am still having symptoms?

3. Are there symptoms that should cause worry? If so, what are they?

If you don't know something at any point, as for more (or clearer) information!

Questions to ask your doctor

1. Will I need to do other tests in the future?

2. What if my treatment isn't working? How long should I wait to tell you if I am still having symptoms?

3. Are there symptoms that should cause worry? If so, what are they?

If you don't know something at any point, as for more (or clearer) information!

Questions to ask your doctor

1. Will I need to do other tests in the future?

2. What if my treatment isn't working? How long should I wait to tell you if I am still having symptoms?

3. Are there symptoms that should cause worry? If so, what are they?

If you don't know something at any point, as for more (or clearer) information!

Questions to ask your doctor

1. Will I need to do other tests in the future?

2. What if my treatment isn't working? How long should I wait to tell you if I am still having symptoms?

3. Are there symptoms that should cause worry? If so, what are they?

If you don't know something at any point, as for more (or clearer) information!

Price Table

I can see this being useful for marketing articles, helping them highlight their events instead of just using regular Excel tables.

Sessions at DDW

AGA members can register today
$ 200 Monthly
  • AGA Postgraduate Course
  • Introduction to GI Practice: A Trainee Boot Camp
  • AGA Board Review Course
Early Bird

Sessions at DDW

AGA members can register today
$ 250 Monthly
  • AGA Postgraduate Course
  • Introduction to GI Practice: A Trainee Boot Camp
  • AGA Board Review Course

Use columns for pages w/ multiple videos/graphics