Problems using wordpress integration with elementor

[floek]

Hi,

I'm using wordpress / elementor with the mosparo wordpress plugin. I have a simple Elementor "Form Field" with the mosparo input added. The mosparo box is shown, but when I fill my form and click on the mosparo button, elementor shows an error the check failed.

I can see three post requests:

1. mosapro endpoint / check-form-data: response valid: true
2. wordpress / admin-ajax.php: response success: false
3. mosapro endpoint / request-submit-token: response submitToken: ...

Maybe the request in the middle to wordpress / admin-ajax.php causes the problem, but I don't know why.

Any success stories with this setup? Is there a debug log, where I can check why it failes? The webserver logs etc. are clean.

Thank you for help.

Best,
floek

[zepich]

Hi @floek

Thank you very much for your question.

Do you see the submission in mosparo in the project?

Do you see the request to /api/v1/verification in the access log of your mosparo installation (in the access log file from your web server)?

If you see the request in the access log, can you check if you see any errors in the mosparo log file? You can find that in the mosparo directory in var/log, and the log file is called prod-{date}.log.

Do you have a valid SSL certificate for your mosparo installation, or do you use a self-signed certificate?

Kind regards,

zepich

[zepich]

Hi @floek

Thank you very much for the details. I guess it's an issue in combination with Docker.

Can you share your docker-compose file so I can test it with the same setup as you have?

Thank you very much

Kind regards,

zepich

[floek]

Sure:

version: "3.4"
services:
  mariadb:
    image: docker.io/bitnami/mariadb
    restart: always
    ports:
      - '127.0.0.1:3306:3306'
    volumes:
      - 'mariadb_data:/bitnami/mariadb'
    environment:
      - MARIADB_ROOT_PASSWORD=wordpress
      - MARIADB_USER=wordpress
      - MARIADB_PASSWORD=wordpress
      - MARIADB_DATABASE=wordpress
    networks:
      - wordpress
  wordpress:
    image: docker.io/bitnami/wordpress:6.4.3
    restart: always
    ports:
      - '127.0.0.1:8090:8080'
    volumes:
      - './wordpress:/bitnami/wordpress'
    environment:
      - WORDPRESS_DATABASE_NAME=wordpress
      - WORDPRESS_DATABASE_USER=wordpress
      - WORDPRESS_DATABASE_PASSWORD=wordpress
      - WORDPRESS_DATABASE_HOST=mariadb
      - WORDPRESS_DATABASE_PORT_NUMBER=3306
      - WORDPRESS_SKIP_BOOTSTRAP=yes
      - WORDPRESS_HTACCESS_OVERRIDE_NONE=yes
      - WORDPRESS_SCHEME=http
      - WORDPRESS_ENABLE_HTACCESS_PERSISTENCE=no
      - WORDPRESS_MULTISITE_FILEUPLOAD_MAXK=6629145
      - PHP_UPLOAD_MAX_FILESIZE=6629145k
    depends_on:
      - mariadb
    networks:
      - wordpress
  mosparo_web:
    image: mosparo/mosparo:latest
    ports:
      - '127.0.0.1:8091:80'
    restart: always
    environment:
      - MOSPARO_ENABLE_WEBSERVER=1
      - MOSPARO_ENABLE_CRON=0
    volumes:
      - mosparo_data:/mosparo-data
    networks:
      - wordpress
  mosparo_cron:
    image: mosparo/mosparo:latest
    restart: always
    environment:
      - MOSPARO_ENABLE_WEBSERVER=0
      - MOSPARO_ENABLE_CRON=1
    volumes:
      - mosparo_data:/mosparo-data
    networks:
      - wordpress
volumes:
  mariadb_data:
  mosparo_data:
networks:
  wordpress:

[zepich]

Hi @floek

Sorry for the delay.

I've set up the mosparo and WordPress with your docker-compose file and configured a form in Elementor. I've added the connection to the mosparo installation and the mosparo field to the form. Unfortunately, everything worked as expected (unfortunately, because I cannot reproduce it).

One general question since you're using Docker: Do you have the domain name of mosparo published as a DNS record? Or did you just put it into your hosts file?

If yes, can you try these commands?

docker exec -it <WordPress-containerName> bash

(replace <WordPress-containerName> with the name of your WordPress container; in my case it was mowp-wordpress-1)

to open the bash of the WordPress container and then

php -a

to open an interactive PHP shell, and then execute the following command:

echo gethostbyname('<yourMosparoDomainName>');

(replace <yourMosparoDomainName> with the domain name of your mosparo installation, for example, mosparo.example.com)

You should get the public IP address of your server as a result.

If that's not the case, then we have to find out why you don't get the public IP address of your server.

Kind regards,

zepich

[floek]

Hi @zepich,

I've done some debugging as well, and I think I've found the problem.

graph TD;
        DC1[Wordpress] --> RP[Reverse Proxy Outside Docker]
        RP --> DC2[Mosparo]

Loading

There was communication required from Wordpress to my Reverse Proxy (Outside Docker) and back to Mosparo inside Docker. I've fixed this with an extra_hosts entry in docker compose.

Maybe for future improvements: Serve all mosparo css/js/html file from the Wordpress Plugin. Then only backend communication inside docker between wordpress and mosparo would be required.

Thanks for help!

floek

[zepich]

Hi @floek

Thank you very much for your feedback. I'm happy that it's working now!

I will keep that in my mind for future improvements.

Thank you very much and have a nice day!

Kind regards,

zepich