Individual CTA Button

Wishlist Team Showcase
1

I’d like to have the option to add a call to action button for each individual on the team in which I can use any URL for

2 Likes
5

Hi @Andrew_Decher, thank you for sharing, love this idea!

Although there is no option to do it directly in the widget, we can make a custom script for you as a workaround. I’m going to DM you to get some details :slight_smile:

6

Friends, if you’d love us to help you with the custom script, just contact us and provide the following info:

  • The link to the widget in question (or the installation code)
  • The text you’d like each member to have

We’ll be happy to assist :blush:

7

Hi there,

A small workaround, maybe that will help. :face_with_peeking_eye:

Edit the Member Biography and switch to the Code Editor.

Add this code with the URL (#) you like:

<p><a href="#">Button</a></p>

image
image316×332 9.03 KB

For the button style add this code to the Custom CSS field on the Style tab of your Team Showcase widget’s settings:

Button in the 1st to 3rd layout (Popup)

.global-styles,
.eapp-team-showcase-popup-item-description a {
  background-color: #04AA6D !important; /* Green */
  border: none !important;
  color: white !important;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none !important;
  display: inline-block !important;
  font-size: 16px !important;
}

image
image698×511 67.8 KB

Button in the 4th layout

.global-styles,
.eapp-team-showcase-member-card-list-bio a {
  background-color: red !important; /* Red */
  border: none !important;
  color: white !important;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none !important;
  display: inline-block !important;
  font-size: 16px !important;
}

image
image966×262 29.2 KB

@Max I hope I am right about the CSS classes :thinking:

1 Like
8

I actually just discovered that it already ALMOST has this feature. I can add an external link and the see info button will direct to the link. However, it opens a new tab. Can someone instruct me on how to make it follow the external link within the same tab? Thanks!

9

Hi @Andrew_Decher

image
image322×159 2.55 KB

Switch this OFF for ext. Link.
image
image318×240 4.67 KB

10

Screenshot 2025-04-08 220302
Screenshot 2025-04-08 2203022048×983 51.7 KB

I didn’t see that. I must have some serious brain fog today. I switched it off so that it doesnt open in a new tab, but now I get a “refused to connect” error.

1 Like
11

@Andrew_Decher
It’s probably on the frame side

1 Like
13

Yep, this issue occurs because of the Hostinger iframes.

Please try to replace your current installation code with the new one and let me know if it helped :slightly_smiling_face:

<script src="https://custom-scripts.elfsightcdn.com/public-scripts/hostinger-and-go-daddy/install-widget.js" data-banner></script>
<div class="elfsight-app-2ab52d26-eed1-4ed4-a3ec-c72bf699b111"></div>
1 Like
14

This worked! Thank you!

1 Like