Skip to content

Forum in maintenance, we will back soon 🙂

Create Free AI Tool...
 
Notifications
Clear all

Create Free AI Tools With WordPress and Gemini in 3 Minutes

117 Posts
20 Users
38 Reactions
2,598 Views
(@google-prateeksenapati)
Posts: 2
Active Member
Topic starter
 

I have followed all the instructions to add code snippet at WP code snippet and custom HTML code. But while generating results I am getting error "Oops! Something went wrong. Please try again.". Am I missing something?

 
Posted : 03/22/2024 3:46 am
alamin, Md Belal, nenanena369 and 2 people reacted
(@google-businessgmail)
Posts: 25
Eminent Member
 

This What I am Struggling With It

 
Posted : 03/22/2024 3:51 am
D-Marketing
(@d-marketing)
Posts: 2
New Member
 

Same Problem Here 

 
Posted : 03/22/2024 4:14 am
 ndam
(@google-ndam)
Posts: 11
Active Member
 

Error

Oops! Something went wrong. Please try again.

 
Posted : 03/22/2024 12:05 pm
 ndam
(@google-ndam)
Posts: 11
Active Member
 

same problem

Error

Oops! Something went wrong. Please try again.

 
Posted : 03/22/2024 12:07 pm
Hasan Aboul Hasan
(@admin)
Posts: 1269
Member Admin
 

Did you change the website URL in the JS file?

 
Posted : 03/22/2024 12:31 pm
(@google-manishupreti)
Posts: 3
New Member
 

Why Don't You Guide Proper Information... I think all of us are facing the same problem ...Oops! Something went wrong. Please try again. | Most of them including me are trusted visitors to your forum which means you should think about it !! thank you

 
Posted : 03/22/2024 9:18 pm
Baffa and badr reacted
(@google-manishupreti)
Posts: 3
New Member
 

By Changing the site url in a provided code ..It works for me ...thank You Hasan

 
Posted : 03/22/2024 9:29 pm
(@husein)
Posts: 550
Member Moderator
 

@google-manishupreti He literally told you what to do....

 
Posted : 03/23/2024 8:37 am
SSAdvisor
(@ssadvisor)
Posts: 1139
Noble Member
 

For anyone looking here for an answer:

See lines 92, 113, 119, 141 and 146 of the file posted at   https://learnwithhasan.com/custom-code/ai-tool-on-wordpress-ui/   where you need to change the URL

Regards,
Earnie Boyd, CEO
Seasoned Solutions Advisor LLC
Schedule 1-on-1 help
Join me on Slack

 
Posted : 03/23/2024 1:22 pm
(@google-technicalsir)
Posts: 9
Active Member
 

@google-manishupreti please also tell me how can I fix the same issue

 
Posted : 03/23/2024 5:04 pm
D-Marketing
(@d-marketing)
Posts: 2
New Member
 

I test The Backend Function with https://reqbin.com it shows Status:400 (Bad Request)

may be the error in the function . 

seo

 

This post was modified 9 months ago by D-Marketing
 
Posted : 03/23/2024 6:16 pm
(@husein)
Posts: 550
Member Moderator
 

@google-technicalsir @d-marketing Did you try changing the URL in lines 92, 113, 119, 141 and 146 as @ssadvisor mentioned?

 
Posted : 03/24/2024 9:03 am
(@Anonymous 22422)
Posts: 1
New Member Guest
 

Updating failed. The response is not a valid JSON response.

i changed the urls and it shows me this

<style>
    body {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        background-color: #f4f4f4;
        color: #333;
        line-height: 1.6;
        padding: 20px;
    }

    .container {
        max-width: 600px;
        margin: auto;
        background: #fff;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        text-align: center;
    }

    .input-group {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    input[type="text"] {
        flex-grow: 1;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 4px;
        margin-right: 10px;
    }

    button {
        background: #007bff;
        color: #fff;
        border: 0;
        padding: 10px 20px;
        border-radius: 4px;
        cursor: pointer;
    }

    button:hover {
        background: #0056b3;
    }

    .result-item {
        background-color: #f2f2f2;
        margin-bottom: 10px;
        padding: 10px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .copy-button {
        background: #007bff;
        color: #fff;
        border: none;
        padding: 5px 10px;
        border-radius: 4px;
        cursor: pointer;
    }

    .copy-button:hover {
        background: #0056b3;
    }

    .image-container {
        margin-bottom: 20px;
    }

    @media screen and (max-width: 768px) {
        body, .container, .input-group {
            padding: 10px;
        }
    }
.hidden {
        display: none;
    }
</style>
</head>
<body>
<div class="container">
    <div class="input-group">
        <input type="text" id="inputInput" placeholder="Enter a input (e.g., Facebook Ads)">
        <button id="generateButton">Generate Titles</button>
    </div>
    <div id="imageContainer" class="image-container">
        <img src="https://builbytes.in/wp-content/uploads/2024/03/get_started.png" alt="Getting Started" style="max-width: 100%;">
    </div>

    <ul id="titleList"></ul>

    
</div>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const generateButton = document.getElementById('generateButton');
        const titleList = document.getElementById('titleList');
        const inputInput = document.getElementById('inputInput');
        const imageContainer = document.getElementById('imageContainer');

        generateButton.addEventListener('click', function() {
            const input = inputInput.value;
            if (!input) {
                alert('Please enter a input.');
                return;
            }

            imageContainer.innerHTML = '<img src="https://buildbytes.in/wp-content/uploads/2024/03/loading.webp" alt="Loading" style="max-width: 20%;">'; // Replace 'https://wordpress-test.local/wp-content/uploads/2024/03/loading.webp' with your loading GIF

    // Clear existing titles and show the loading GIF
            titleList.innerHTML = '';
            imageContainer.classList.remove('hidden'); 

            fetch('https://buildbytes.in/wp-admin/admin-ajax.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded'
                },
                body: 'action=custom_tool_run&input=' + encodeURIComponent(input)
            })
            .then(response => response.json())
            .then(jsonResponse => {
                titleList.innerHTML = '';
                if (jsonResponse.success) {
                    const titles = jsonResponse.data[0].titles;

                    titles.forEach(title => {
                        let listItem = document.createElement('li');
                        listItem.className = 'result-item';
                        listItem.innerHTML = `<span>${title}</span> <button class="copy-button" onclick="copyToClipboard('${title}')">Copy</button>`;
                        titleList.appendChild(listItem);
                    });
                    imageContainer.classList.add('hidden'); // Hide the image container
                } else {
                    console.error('Failed to fetch titles');
        imageContainer.innerHTML = '<img src="https://buildbytes.in/wp-content/uploads/2024/03/error_image.png" alt="Error" style="max-width: 100%;">' +
                                           '<p>Oops! Something went wrong. Please try again.</p>';                   }
            })
            .catch(error => {
                console.error('Error:', error);
                imageContainer.innerHTML = '<img src="https://buildbytes.in/wp-content/uploads/2024/03/error_image.png" alt="Error" style="max-width: 100%;">' +
                                           '<p>Oops! Something went wrong. Please try again.</p>'; 

            });
        });

        window.copyToClipboard = function(text) {
        var textArea = document.createElement("textarea");
        textArea.value = text;
        textArea.style.top = "0";
        textArea.style.left = "0";
        textArea.style.position = "fixed";
        document.body.appendChild(textArea);
        textArea.focus();
        textArea.select();

        try {
            var successful = document.execCommand('copy');
            var msg = successful ? 'successful' : 'unsuccessful';
            alert('Copying text was ' + msg);
        } catch (err) {
            alert('Unable to copy text');
            console.error('Unable to copy', err);
        }

        document.body.removeChild(textArea);
    };

    });
</script>
 
Posted : 03/24/2024 9:24 am
(@husein)
Posts: 550
Member Moderator
 

@buildbytes Did you change anything in the PHP code's structure? Because @admin created a function inside it the returns JSON (it may fail to return JSON sometimes tho)

 
Posted : 03/24/2024 10:46 am
SSAdvisor
(@ssadvisor)
Posts: 1139
Noble Member
 

Make sure you use your own Gemini API key.

Regards,
Earnie Boyd, CEO
Seasoned Solutions Advisor LLC
Schedule 1-on-1 help
Join me on Slack

 
Posted : 03/24/2024 2:15 pm
(@google-technicalsir)
Posts: 9
Active Member
 
<style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #f4f4f4;
            color: #333;
            line-height: 1.6;
            padding: 20px;
        }

        .container {
            max-width: 600px;
            margin: auto;
            background: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            text-align: center;
        }

        .input-group {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
        }

        input[type="text"] {
            flex-grow: 1;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 4px;
            margin-right: 10px;
        }

        button {
            background: #007bff;
            color: #fff;
            border: 0;
            padding: 10px 20px;
            border-radius: 4px;
            cursor: pointer;
        }

        button:hover {
            background: #0056b3;
        }

        .result-item {
            background-color: #f2f2f2;
            margin-bottom: 10px;
            padding: 10px;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .copy-button {
            background: #007bff;
            color: #fff;
            border: none;
            padding: 5px 10px;
            border-radius: 4px;
            cursor: pointer;
        }

        .copy-button:hover {
            background: #0056b3;
        }

        .image-container {
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            body, .container, .input-group {
                padding: 10px;
            }
        }
    .hidden {
            display: none;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="input-group">
            <input type="text" id="inputInput" placeholder="Enter a input (e.g., Facebook Ads)">
            <button id="generateButton">Generate Titles</button>
        </div>
        <div id="imageContainer" class="image-container">
            <img src="http://quicktools.rf.gd/wp-content/uploads/2024/03/get_started.png" alt="Getting Started" style="max-width: 100%;">
        </div>

        <ul id="titleList"></ul>

        
    </div>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const generateButton = document.getElementById('generateButton');
            const titleList = document.getElementById('titleList');
            const inputInput = document.getElementById('inputInput');
            const imageContainer = document.getElementById('imageContainer');

            generateButton.addEventListener('click', function() {
                const input = inputInput.value;
                if (!input) {
                    alert('Please enter a input.');
                    return;
                }

                imageContainer.innerHTML = '<img src="http://quicktools.rf.gd/wp-content/uploads/2024/03/loading.webp" alt="Loading" style="max-width: 20%;">'; // Replace 'https://quicktools.rf.gd/wp-content/uploads/2024/03/loading.webp' with your loading GIF

        // Clear existing titles and show the loading GIF
                titleList.innerHTML = '';
                imageContainer.classList.remove('hidden'); 

                fetch('http://quicktools.rf.gd/wp-admin/admin-ajax.php', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded'
                    },
                    body: 'action=custom_tool_run&input=' + encodeURIComponent(input)
                })
                .then(response => response.json())
                .then(jsonResponse => {
                    titleList.innerHTML = '';
                    if (jsonResponse.success) {
                        const titles = jsonResponse.data[0].titles;

                        titles.forEach(title => {
                            let listItem = document.createElement('li');
                            listItem.className = 'result-item';
                            listItem.innerHTML = `<span>${title}</span> <button class="copy-button" onclick="copyToClipboard('${title}')">Copy</button>`;
                            titleList.appendChild(listItem);
                        });
                        imageContainer.classList.add('hidden'); // Hide the image container
                    } else {
                        console.error('Failed to fetch titles');
            imageContainer.innerHTML = '<img src="http://quicktools.rf.gd/wp-content/uploads/2024/03/error_image.png" alt="Error" style="max-width: 100%;">' +
                                               '<p>Oops! Something went wrong. Please try again.</p>';                   }
                })
                .catch(error => {
                    console.error('Error:', error);
                    imageContainer.innerHTML = '<img src="http://quicktools.rf.gd/wp-content/uploads/2024/03/error_image.png" alt="Error" style="max-width: 100%;">' +
                                               '<p>Oops! Something went wrong. Please try again.</p>'; 

                });
            });

            window.copyToClipboard = function(text) {
            var textArea = document.createElement("textarea");
            textArea.value = text;
            textArea.style.top = "0";
            textArea.style.left = "0";
            textArea.style.position = "fixed";
            document.body.appendChild(textArea);
            textArea.focus();
            textArea.select();

            try {
                var successful = document.execCommand('copy');
                var msg = successful ? 'successful' : 'unsuccessful';
                alert('Copying text was ' + msg);
            } catch (err) {
                alert('Unable to copy text');
                console.error('Unable to copy', err);
            }

            document.body.removeChild(textArea);
        };

        });
    </script>
 
Posted : 03/24/2024 3:57 pm
(@google-technicalsir)
Posts: 9
Active Member
 

@husein @admin Check My Code please, I've provided above

 
Posted : 03/24/2024 3:58 pm
(@google-rajuboda)
Posts: 5
Active Member
 

hi sir,

I have followed all the instructions to add code snippet at WP code snippet php code and custom HTML code. But while generating results I am getting error "Oops! Something went wrong. Please try again.". Is there any problem in the code plz reply sir.

 
Posted : 03/25/2024 3:24 am
SSAdvisor
(@ssadvisor)
Posts: 1139
Noble Member
 

@google-rajuboda did you update the API Key code to your own key?

Regards,
Earnie Boyd, CEO
Seasoned Solutions Advisor LLC
Schedule 1-on-1 help
Join me on Slack

 
Posted : 03/25/2024 12:58 pm
Page 1 / 6
Share:
build ai agents ad