Linking to email address via acf + embed codes

Hi there,

I can’t view the page because it seems to require authentication.

Regarding the email address link, do you mean that clicking it should open the mail client?

For the email link issue, try adding this snippet:

function modify_email_links($block_content, $block)
{
    // Only modify blocks that contain the "Button1" class or other identifier
    if (strpos($block_content, 'Button1') !== false) {
        // Use regex to find email addresses in href attributes
        $pattern = '/<a[^>]*href="http:\/\/([^"@]+@[^"]+)"[^>]*>/i';
        $replacement = '<a class="gb-text Button1" href="mailto:$1">';

        // Replace the http:// link with mailto:
        $block_content = preg_replace($pattern, $replacement, $block_content);
    }

    return $block_content;
}

add_filter('render_block', 'modify_email_links', 10, 2);

For the secind issue – I see that you’re using the HTML block for the embed code. Unfortunately, Dynamic Tags are not supported in the HTML block—or in any non-GB block, for that matter.

Thanks, the email snippet works perfectly.

Actually, you don’t need this snippet if you are using v2. I think Alvind might’ve overlooked the problem.

You can add mailto: before the link destination, so if your dynamic link for link is {{post_meta key:email_address}}, you just need to change it to mailto:{{post_meta key:email_address}}.

Here’s a screenshot for your reference:https://app.screencast.com/Bj2NKFazearUj

I have another question. I have a dynamic image field where I which is pulling in images.

I don’t think it’s possible, but I can take a look at it, where can I see it?

1. select the Looper block of the section, go to the style tab, click More button to open up the selector panel, click +New to create a new selector, then enter :not(:has(.gb-loop-item:nth-of-type(4))), and toggle the Compound selector option.

2. Now you’ve create a selector called .gb-looper-6ecee2dc:not(:has(.gb-loop-item:nth-of-type(4))), set width to 75%, margin-left and margin-right to auto, and set grid-template-columns to repeat(3,minmax(0,1fr)).

I’ve made the change in your element, please take a look 🙂

Sorry I can not find it, there’s a lot of content in that element, Can you let me know which block it is?

Thanks!

The content in the text area field has HTML tags like <script>; the dynamic tag might not support html tags.

Can you try adding static text to the text area to see if the dynamic tag can pull the data?

Hopefully ACF shortcode will work for that one 🙂